{"id":4442,"date":"2020-02-09T11:57:16","date_gmt":"2020-02-09T11:57:16","guid":{"rendered":"https:\/\/unlimited-elements.com\/?page_id=4442"},"modified":"2025-07-02T07:35:26","modified_gmt":"2025-07-02T07:35:26","slug":"button-icon-hover-widget-for-elementor","status":"publish","type":"page","link":"https:\/\/unlimited-elements.com\/button-icon-hover-widget-for-elementor\/","title":{"rendered":"Button Icon Hover Widget for Elementor"},"content":{"rendered":"\t\t<div data-elementor-type=\"page\" data-elementor-id=\"4442\" class=\"elementor elementor-4442\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-28b52e6 e-flex e-con-boxed e-con e-parent\" data-id=\"28b52e6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-0b855f7 e-con-full e-flex e-con e-child\" data-id=\"0b855f7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-db5ecb8 elementor-widget elementor-widget-ucaddon_widget_demo_icon\" data-id=\"db5ecb8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_widget_demo_icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Widget Demo Icon -->\n<style>\/* widget: Widget Demo Icon *\/\n\n.ue-icon-wrapper\n{\n  text-align:center;\n}\n#uc_widget_demo_icon_elementor_db5ecb8\n{\n  margin: 0 auto;\n  width:100px;\n  height:100px;\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  background-color:white;\n  border-radius:20px;\n  box-shadow:0 10px 20px rgba(0,0,0,0.1);\n  position:relative;\n  overflow:hidden;\n}\n\n#uc_widget_demo_icon_elementor_db5ecb8 .ue_price_label\n{\n  position:absolute;\n  top: 8px;\n  right: -32px;\n  font-size:8px;\n  color:white;\n  background-color:#FF0085;\n  text-transform:uppercase;\n  padding:2px 0px;\n  border-radius:3px;\n  transform: rotate(45deg);\n  width:100px;\n  text-align:center;\n  box-sizing:border-box;\n  line-height:1.8em;\n  font-weight:600;\n}\n\n#uc_widget_demo_icon_elementor_db5ecb8 img \n{\n  width:48px;\n  display:block;\n}\n\n<\/style>\n\n<div id=\"uc_widget_demo_icon_elementor_db5ecb8-wrapper\" class=\"ue-icon-wrapper\">\n<div id=\"uc_widget_demo_icon_elementor_db5ecb8\">\n  <img decoding=\"async\" src=\"https:\/\/unlimited-elements.com\/wp-content\/uploads\/2024\/11\/Button-Icon-Hover-Widget-for-Elementor.svg\" alt=\"Button Icon Hover Widget for Elementor\" title=\"\">\n  <div class=\"ue_price_label\">PRO<\/div>\n<\/div>\n<\/div>\n<!-- end Widget Demo Icon -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3b98c01 elementor-widget elementor-widget-ucaddon_widget_page_bread_crumbs\" data-id=\"3b98c01\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_widget_page_bread_crumbs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Widget Page Bread Crumbs -->\n<style>\/* widget: Widget Page Bread Crumbs *\/\n\n#uc_widget_page_bread_crumbs_elementor_3b98c01 ul {\n    list-style: none;\n    display: flex;\n    padding: 0;\n    margin: 0;\n    font-size: 14px;\n}\n\n#uc_widget_page_bread_crumbs_elementor_3b98c01 ul li\n{\n  display:inline-block;\n}\n\n#uc_widget_page_bread_crumbs_elementor_3b98c01 .ue_breadcrumbs__divider {\n    margin-right:7px;\n    margin-left:5px;\n  \t\n}\n#uc_widget_page_bread_crumbs_elementor_3b98c01 .ue_breadcrumbs__link,\n#uc_widget_page_bread_crumbs_elementor_3b98c01 .ue_breadcrumbs__text {\n\n}\n\n#uc_widget_page_bread_crumbs_elementor_3b98c01 ul a:hover\n{\n  text-decoration:underline;\n}\n\n.uc-breadcrumbs-error {\n  color: red;\n}\n\n<\/style>\n\n\n  <div class=\"uc-breadcrumbs-error\">Breadcrumbs Error: Page Slug Not found<\/div>\n\n<!-- end Widget Page Bread Crumbs -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4ea8cc4 main-title elementor-widget elementor-widget-heading\" data-id=\"4ea8cc4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Button Icon Hover\n\n<span>\nWidget for Elementor\n<\/span><\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-abc9e55 elementor-widget elementor-widget-ucaddon_blox_btn_group\" data-id=\"abc9e55\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_blox_btn_group.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Button Group -->\n\t\t<link id='font-awesome-css' data-debloat-delay='' data-href='https:\/\/unlimited-elements.com\/wp-content\/plugins\/unlimited-elements-for-elementor-premium\/assets_libraries\/font-awesome6\/fontawesome-all.min.css' type='text\/css' rel='stylesheet' media='all' >\n\t\t<link id='font-awesome-4-shim-css' data-debloat-delay='' data-href='https:\/\/unlimited-elements.com\/wp-content\/plugins\/unlimited-elements-for-elementor-premium\/assets_libraries\/font-awesome6\/fontawesome-v4-shims.min.css' type='text\/css' rel='stylesheet' media='all' >\n\n<style>\/* widget: Button Group *\/\n\n#uc_blox_btn_group_elementor_abc9e55\n{\n  display:flex;\n  flex-wrap: wrap;\n}\n\n#uc_blox_btn_group_elementor_abc9e55 a\n{\n  display:block;\n  text-decoration:none;\n  transition:0.3s;\n\n}\n\n#uc_blox_btn_group_elementor_abc9e55 .blox_btn_group_inner\n{\n  display:inline-flex;\n  align-items:center;\n}\n\n#uc_blox_btn_group_elementor_abc9e55 .blox_btn_group_inner .ue-btn-icon\n{\n  line-height:1em;\n}\n\n#uc_blox_btn_group_elementor_abc9e55 .blox_btn_group_inner .ue-btn-icon svg\n{\n  height:1em;\n  width:1em;\n}\n\n<\/style>\n\n<div id=\"uc_blox_btn_group_elementor_abc9e55\" class=\"blox_btn_group uc-items-wrapper \" >\n  <a class=\"elementor-repeater-item-8b74d58 \" href=\"#widget-demo\" id=\"uc_blox_btn_group_elementor_abc9e55_item1\" >\n  <div class=\"blox_btn_group_inner\">\n        <div class=\"ue-btn-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"16px\" height=\"16px\" viewBox=\"0 0 16 16\"><g transform=\"translate(0, 0)\"><path fill=\"none\" stroke=\"#444444\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" d=\"M0.5,8  c0,0,3-5.5,7.5-5.5S15.5,8,15.5,8s-3,5.5-7.5,5.5S0.5,8,0.5,8z\"><\/path><circle data-color=\"color-2\" fill=\"none\" stroke=\"#444444\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" cx=\"8\" cy=\"8\" r=\"2.5\"><\/circle><\/g><\/svg><\/div>\n        <div class=\"ue-btn-txt\">Demo<\/div>\n  <\/div>\n<\/a>\n<a class=\"elementor-repeater-item-afd84f2 \" href=\"https:\/\/unlimited-elements.com\/docs\/button-icon-hover-effect-for-elementor\/\" id=\"uc_blox_btn_group_elementor_abc9e55_item2\" >\n  <div class=\"blox_btn_group_inner\">\n        <div class=\"ue-btn-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M14.5 0.5H1.5V15.5H14.5V0.5Z\" stroke=\"#444444\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><path d=\"M4.5 3.5H11.5\" stroke=\"#3E3FF0\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><path d=\"M4.5 6.5H11.5\" stroke=\"#3E3FF0\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><path d=\"M4.5 9.5H11.5\" stroke=\"#3E3FF0\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><path d=\"M4.5 12.5H7.5\" stroke=\"#3E3FF0\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg><\/div>\n        <div class=\"ue-btn-txt\">Documentation<\/div>\n  <\/div>\n<\/a>\n\n  \n\n\n<\/div>\n<!-- end Button Group -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1d7c56e elementor-widget elementor-widget-text-editor\" data-id=\"1d7c56e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The Button Icon Hover widget looks like a regular button and when hovering over, it will change the text into an icon of your choice, enhancing the user interactions.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-df89431 elementor-widget elementor-widget-button\" data-id=\"df89431\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md\" href=\"https:\/\/unlimited-elements.com\/pricing\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Buy Now<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5f718f3 e-con-full e-flex e-con e-child\" data-id=\"5f718f3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-be80247 elementor-widget elementor-widget-image\" data-id=\"be80247\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1578\" height=\"1466\" src=\"https:\/\/unlimited-elements.com\/wp-content\/uploads\/2024\/10\/Button-Icon-Hover.png\" class=\"attachment-full size-full wp-image-179522\" alt=\"\" srcset=\"https:\/\/unlimited-elements.com\/wp-content\/uploads\/2024\/10\/Button-Icon-Hover.png 1578w, https:\/\/unlimited-elements.com\/wp-content\/uploads\/2024\/10\/Button-Icon-Hover-300x279.png 300w, https:\/\/unlimited-elements.com\/wp-content\/uploads\/2024\/10\/Button-Icon-Hover-1024x951.png 1024w, https:\/\/unlimited-elements.com\/wp-content\/uploads\/2024\/10\/Button-Icon-Hover-768x713.png 768w, https:\/\/unlimited-elements.com\/wp-content\/uploads\/2024\/10\/Button-Icon-Hover-1536x1427.png 1536w, https:\/\/unlimited-elements.com\/wp-content\/uploads\/2024\/10\/Button-Icon-Hover-360x334.png 360w, https:\/\/unlimited-elements.com\/wp-content\/uploads\/2024\/10\/Button-Icon-Hover-600x557.png 600w\" sizes=\"(max-width: 1578px) 100vw, 1578px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-28127fe e-con-full e-flex e-con e-parent\" data-id=\"28127fe\" data-element_type=\"container\" data-e-type=\"container\" id=\"widget-demo\">\n\t\t\t\t<div class=\"elementor-element elementor-element-817da64 elementor-widget elementor-widget-ucaddon_demos_viewer\" data-id=\"817da64\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_demos_viewer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start UE Demos Viewer -->\n\n<style>\/* widget: UE Demos Viewer *\/\n\n#uc_demos_viewer_elementor_817da64{\n    height: calc(100vh - 78px);\n  }\n\n#uc_demos_viewer_elementor_817da64 .ue-tempalte-viewer-inner{\n  display:flex;\n  height: 100%;\n  overflow: hidden;\n}\n\n\/* side navigation *\/\n#uc_demos_viewer_elementor_817da64 .ue-tempalte-viewer-nav-container{\n  overflow-y: auto;\n  flex: 0 0 auto;\n}\n\n#uc_demos_viewer_elementor_817da64 .ue-template-viewer-side-navigation{\n  display: grid;\n}\n\n#uc_demos_viewer_elementor_817da64 .ue-template-viewer-item{\n  cursor: pointer;\n  transition: all .3s ease-out;\n}\n\n#uc_demos_viewer_elementor_817da64 .ue-template-viewer-item-title{\n  transition: all .3s ease-out;\n}\n\n#uc_demos_viewer_elementor_817da64 .ue-template-viewer-item-image{\n  position: relative;\n  z-index: 4;\n}\n\n#uc_demos_viewer_elementor_817da64 .ue-template-viewer-item-image-badge{\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n  z-index: 3;\n  top: -5px;\n  right: -5px;\n  opacity: 0;\n  transition: all .3s ease-out;\n  animation: pulse 2s infinite;\n}\n\n#uc_demos_viewer_elementor_817da64.uc-iframe-loaded .ue-template-viewer-item-image-badge{\n  animation-name: unset;\n}\n\n@keyframes pulse {\n  0% {\n    transform: scale(1);\n  }\n  50% {\n    transform: scale(1.2);\n  }\n  100% {\n    transform: scale(1);\n  }\n}\n\n#uc_demos_viewer_elementor_817da64 .ue-template-viewer-item-image-loader{\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n  position: absolute;\n  z-index: 0;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 25px;\n  height: 25px;\n}\n\n#uc_demos_viewer_elementor_817da64 .ue-template-viewer-item-image-loader svg{\n  width: 100%;\n  height: 100%;\n}\n\n#uc_demos_viewer_elementor_817da64 .ue-template-viewer-item.uc-item-active .ue-template-viewer-item-image-badge{\n  opacity: 1;\n}\n\n#uc_demos_viewer_elementor_817da64 .ue-template-viewer-item-image img{\n  position: relative;\n  z-index: 2;\n  object-fit: cover;\n  object-position: top;\n  display: block;\n  transition: all .3s ease-out;\n  aspect-ratio: 4 \/ 3;\n}\n\/* end side navigation *\/\n\n\/* top navigation *\/\n#uc_demos_viewer_elementor_817da64 .ue-template-viewer-top-navigation{\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n}\n\n#uc_demos_viewer_elementor_817da64 .ue-template-viewer-arrows-share-button-container{\n  position: absolute;\n  z-index: 1;\n  top: 50%;\n  left: 15px;\n  transform: translate(0, -50%);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 21px;\n}\n\n#uc_demos_viewer_elementor_817da64 .ue-template-viewer-arrows{\n  display: flex;  \n}\n\n#uc_demos_viewer_elementor_817da64 .ue-template-viewer-arrow{\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  line-height: 1em;\n  cursor: pointer;\n  transition: all .3s ease-out;\n}\n\n#uc_demos_viewer_elementor_817da64 .ue-template-viewer-share-button{\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n#uc_demos_viewer_elementor_817da64 .ue-template-viewer-window-size-container{\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n#uc_demos_viewer_elementor_817da64 .ue-template-viewer-window-size-item{\n  cursor: pointer;\n  transition: all .3s ease-out;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n#uc_demos_viewer_elementor_817da64 .ue-template-viewer-buttons-container{\n  position: absolute;\n  z-index: 1;\n  top: 50%;\n  right: 20px;\n  transform: translate(0, -50%);\n  display: flex;\n  gap: 10px;\n  align-items: center; \n}\n\n#uc_demos_viewer_elementor_817da64 .ue-template-viewer-buy-button,\n#uc_demos_viewer_elementor_817da64 .ue-template-viewer-copy-button,\n#uc_demos_viewer_elementor_817da64 .ue-template-viewer-new-tab-button{\n  cursor: pointer;\n  transition: all .3s ease-out;\n  display: flex;\n  justify-content: center;\n  align-items: center;  \n  font-size: 14px;\n  line-height: 1.8em;\n  position: relative;\n}\n\n#uc_demos_viewer_elementor_817da64 .ue-template-viewer-copy-button-icon,\n#uc_demos_viewer_elementor_817da64 .ue-template-viewer-copy-button-text{ \n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transition: all .1s ease-out;\n}\n\n#uc_demos_viewer_elementor_817da64 .ue-template-viewer-copy-button-icon{  \n  flex-shrink: 0;\n  width: 34px;\n  height: 35px;\n  border-top-left-radius: inherit;\n  border-bottom-left-radius: inherit;\n}\n\n#uc_demos_viewer_elementor_817da64 .ue-template-viewer-copy-button-text{\n  width: 64px;\n  height: 35px;\n  border-top-right-radius: inherit;\n  border-bottom-right-radius: inherit;\n  color: #ffffff;\n}\n\n#uc_demos_viewer_elementor_817da64 .ue-template-viewer-copy-button.uc-hover .ue-template-viewer-copy-button-icon.regular{\n  display: none;\n}\n\n#uc_demos_viewer_elementor_817da64 .ue-template-viewer-copy-button.uc-hover .ue-template-viewer-copy-button-icon.hover{\n  display: flex !important;\n}\n\n#uc_demos_viewer_elementor_817da64 .ue-template-viewer-copy-button.uc-loading .ue-template-viewer-copy-button-icon.regular,\n#uc_demos_viewer_elementor_817da64 .ue-template-viewer-copy-button.uc-loading .ue-template-viewer-copy-button-text.regular,\n#uc_demos_viewer_elementor_817da64 .ue-template-viewer-copy-button.uc-loading .ue-template-viewer-copy-button-icon.hover{\n  display: none !important;\n}\n\n#uc_demos_viewer_elementor_817da64 .ue-template-viewer-copy-button.uc-loading .ue-template-viewer-copy-button-icon.loading,\n#uc_demos_viewer_elementor_817da64 .ue-template-viewer-copy-button.uc-loading .ue-template-viewer-copy-button-text.loading{\n  display: flex !important;\n}\n\n#uc_demos_viewer_elementor_817da64 .ue-template-viewer-copy-button.uc-success .ue-template-viewer-copy-button-icon.regular,\n#uc_demos_viewer_elementor_817da64 .ue-template-viewer-copy-button.uc-success .ue-template-viewer-copy-button-text.regular,\n#uc_demos_viewer_elementor_817da64 .ue-template-viewer-copy-button.uc-success .ue-template-viewer-copy-button-icon.hover,\n#uc_demos_viewer_elementor_817da64 .ue-template-viewer-copy-button.uc-success .ue-template-viewer-copy-button-icon.loading,\n#uc_demos_viewer_elementor_817da64 .ue-template-viewer-copy-button.uc-success .ue-template-viewer-copy-button-text.loading{\n  display: none !important;\n}\n\n#uc_demos_viewer_elementor_817da64 .ue-template-viewer-copy-button.uc-success .ue-template-viewer-copy-button-icon.success,\n#uc_demos_viewer_elementor_817da64 .ue-template-viewer-copy-button.uc-success .ue-template-viewer-copy-button-text.success{\n  display: flex !important;\n}\n\n#uc_demos_viewer_elementor_817da64 .ue-template-viewer-copy-button-info{\n  position: absolute;\n  width: 190px;\n  padding: 15px;\n  border-radius: 8px;\n  background-color: #333333;\n  color: #ffffff;\n  font-size: 12px;\n  line-height: 18px;  \n  left: 34px;\n  top: 100%;\n  transform: translate(-100%, 10px);\n  opacity: 0;\n  pointer-events: none;\n  visibility: hidden;\n  transition: all .3s ease-out;\n}\n\n#uc_demos_viewer_elementor_817da64 .ue-template-viewer-copy-button-info-text-doubly-link{\n  color: #FF0085;\n  text-decoration: underline;\n}\n\n#uc_demos_viewer_elementor_817da64 .ue-template-viewer-copy-button-info-text-wp-link{\n  color: #ffffff;\n  text-decoration: underline;\n}\n\n#uc_demos_viewer_elementor_817da64 .ue-template-viewer-copy-button-info::before{\n  content: \"\";\n  position: absolute;\n  border: 10px solid #333333;\n  border-right-color: transparent;\n  border-top-color: transparent;\n  border-left-color: transparent;\n  transform: translate(0, calc(-100% + 1px));\n  right: 10px;\n  top: 0;\n}\n\n#uc_demos_viewer_elementor_817da64 .ue-template-viewer-copy-button.uc-info .ue-template-viewer-copy-button-info{\n  opacity: 1;\n  pointer-events: all;\n  visibility: visible;\n}\n\n#uc_demos_viewer_elementor_817da64 .ue-template-viewer-new-tab-button{\n  padding: 10px;\n  border-radius: 4px;\n}\n\n#uc_demos_viewer_elementor_817da64 .ue-template-viewer-new-tab-button:hover{\n  background-color: #E9EBF1;\n}\n\n#uc_demos_viewer_elementor_817da64 .ue-template-viewer-share-container{ \n  position: relative;\n  pointer-events: none;\n}\n\n#uc_demos_viewer_elementor_817da64.uc-iframe-loaded .ue-template-viewer-share-container{\n  pointer-events: all;\n}\n\n#uc_demos_viewer_elementor_817da64 .ue-template-viewer-share-list{\n  position: absolute;\n  width: 135px;\n  background-color: #fff;\n  box-shadow: 0px 4px 30px #0000001A;\n  top: 100%;\n  left: 0;\n  z-index: 1;\n  opacity: 0;\n  visibility: hidden;\n  pointer-events: none;\n  transition: all .3s ease;\n}\n\n#uc_demos_viewer_elementor_817da64 .ue-template-viewer-share-list.uc-hover{\n  opacity: 1;\n  visibility: visible;\n  pointer-events: all;\n  transform: translate(0, 12px);\n}\n\n#uc_demos_viewer_elementor_817da64 .ue-template-viewer-share-list-item{\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  padding: 4px 8px;\n  gap: 10px;\n  transition: all .3s ease;\n}\n\n#uc_demos_viewer_elementor_817da64 .ue-template-viewer-share-list-item:hover{\n  background-color: #E9EBF1;\n}\n\n#uc_demos_viewer_elementor_817da64 .ue-template-viewer-share-list-item-icon{\n  flex-shrink: 0;\n}\n\n#uc_demos_viewer_elementor_817da64 .ue-template-viewer-share-list-item-text{\n  font-size: 14px;\n}\n\n#uc_demos_viewer_elementor_817da64 .ue-template-viewer-share-button{\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 5px 15px;\n  background-color: #E9EBF1;\n  color: #000000;\n  font-size: 14px;\n  line-height: 1.8em;\n  border: 0;\n  border-radius: 100px;\n}\n\n#uc_demos_viewer_elementor_817da64 .ue-template-viewer-share-button-icon{\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\/* end top navigation *\/\n\n\/* frame *\/\n#uc_demos_viewer_elementor_817da64 .ue-template-viewer-frame-wrapper{\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n\n#uc_demos_viewer_elementor_817da64 .ue-template-viewer-frame-container{\n  margin: 0px auto;\n  width: 100%;\n  height: calc(100% - 58px);\n  display: flex;\n  flex-direction: column;\n  will-change: width, margin, height;\n  transition: all .6s ease-in-out;\n  position: relative;\n  }\n\n#uc_demos_viewer_elementor_817da64 .ue-template-viewer-frame{\n  height: 100%;\n  user-select: none;\n}\n\n#uc_demos_viewer_elementor_817da64 .ue-template-viewer-frame-container.tablet{\n  width: 768px;\n}\n\n#uc_demos_viewer_elementor_817da64 .ue-template-viewer-frame-container.phone{\n  width: 360px;\n  height: 667px;\n}\n\n#uc_demos_viewer_elementor_817da64 .ue-template-viewer-frame-loader{\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n#uc_demos_viewer_elementor_817da64 .viewer-frame-loader-image{\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n#uc_demos_viewer_elementor_817da64.uc-iframe-loaded .ue-template-viewer-frame-loader{\n  display: none;\n  }\n\/* end frame *\/\n\n\/* media queries *\/\n@media screen and (max-width: 1024px) {\n  \n  \/* top navigation *\/\n  #uc_demos_viewer_elementor_817da64 .ue-template-viewer-copy-button{\n    display: none;\n  }\n  \/* end top navigation *\/\n  \n}\n\n@media screen and (max-width: 767px) {\n  \n  #uc_demos_viewer_elementor_817da64{\n    height: calc(100vh - 78px);\n  }\n  \n  #uc_demos_viewer_elementor_817da64 .ue-tempalte-viewer-inner{\n    flex-direction: column-reverse;\n  }\n  \n  \/* side navigation *\/\n  #uc_demos_viewer_elementor_817da64 .ue-template-viewer-top-title{\n  \tdisplay: none;\n  }\n  \n  #uc_demos_viewer_elementor_817da64 .ue-template-viewer-item{\n  \tflex: 0 0 auto;\n    pointer-events: all;\n  }\n  \n  #uc_demos_viewer_elementor_817da64 .ue-template-viewer-side-navigation{\n  \tdisplay: flex;\n  }\n  \n  #uc_demos_viewer_elementor_817da64 .ue-template-viewer-item-title{\n    display: none;\n  }\n  \/* end side navigation *\/\n  \n  \/* top navigation *\/\n  #uc_demos_viewer_elementor_817da64 .ue-template-viewer-window-size-container{\n  \tdisplay: none;\n  }\n  \n  #uc_demos_viewer_elementor_817da64 .ue-template-viewer-top-navigation{\n    justify-content: space-between;\n    padding: 10px;\n  }\n  \n  #uc_demos_viewer_elementor_817da64 .ue-template-viewer-arrows-share-button-container{\n    position: static;\n    transform: translate(0, 0);\n    flex-direction: row-reverse;\n    width: 50%;\n    max-width: 50%;\n    gap: 0;\n  }\n  \n  #uc_demos_viewer_elementor_817da64 .ue-template-viewer-arrows{\n    position: relative;\n    z-index: 1;\n    transform: translate(0, 0);\n    margin-right: -43px;\n  }\n  \n  #uc_demos_viewer_elementor_817da64 .ue-template-viewer-buttons-container{\n    position: static;\n    transform: translate(0, 0);\n    width: 50%;\n    max-width: 50%;\n    justify-content: end;\n    z-index: 0;\n  }\n  \n  #uc_demos_viewer_elementor_817da64 .ue-template-viewer-new-tab-button{\n    display: none;\n  }\n  \n  #uc_demos_viewer_elementor_817da64 .ue-template-viewer-share-button{\n    gap: 5px;\n  }\n  \n  \/* end top navigation *\/\n  \n  \/* iframe holder *\/\n  \n  \/* end iframe holder *\/\n  \n}\n\/* end media queries *\/\n\n<\/style>\n\n\n<div id=\"uc_demos_viewer_elementor_817da64\" class=\"ue-template-viewer-wrapper doubly-disable-copy-section\">\n  \n  <div class=\"ue-tempalte-viewer-inner\">\n    \n    <div class=\"ue-tempalte-viewer-nav-container\">\n      <div class=\"ue-template-viewer-top-title\">Choose Template<\/div>\n      <div class=\"ue-template-viewer-side-navigation\">      \n                    \n<div class=\"ue-template-viewer-item\" data-id=\"145091\" data-post-link=\"https:\/\/unlimited-elements.com\/ue_templates\/360-panorama-virtual-tour-with-autoplay\/\">\n  \t<div class=\"ue-template-viewer-item-image\">\n      \t<div class=\"ue-template-viewer-item-image-badge\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"9\" height=\"7\" viewBox=\"0 0 9 7\" fill=\"none\"><path d=\"M2.795 5.29L0.71 3.205L0 3.91L2.795 6.705L8.795 0.705L8.09 0L2.795 5.29Z\" fill=\"white\"><\/path><\/svg><\/div>\n      \t<div class=\"ue-template-viewer-item-image-loader\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 32 32\"><g stroke-width=\"1\" transform=\"translate(0.5, 0.5)\"><g class=\"nc-loop-circle-3-32-icon-o\" stroke-width=\"1\"><path d=\"M29.752 22A15.008 15.008 0 1 1 31 16\" fill=\"none\" stroke=\"#69ADFF\" stroke-miterlimit=\"10\" stroke-width=\"1\"><\/path><\/g><style stroke-width=\"1\">.nc-loop-circle-3-32-icon-o{--animation-duration:0.7s;transform-origin:16px 16px;animation:nc-loop-circle-3-anim var(--animation-duration) infinite linear}@keyframes nc-loop-circle-3-anim{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}<\/style><\/g><\/svg><\/div>\n    \t<img decoding=\"async\" class=\"ue-template-viewer-item-image-element\" src=\"https:\/\/unlimited-elements.com\/wp-content\/uploads\/2024\/07\/360-Panorama-Virtual-Tour-with-an-Autoplay.jpg\" alt=\"360 Panorama Virtual Tour with an Autoplay\" width=\"800\" height=\"600\" title=\"\">\n  \t<\/div>\n\t<div class=\"ue-template-viewer-item-title\">360 Panorama Virtual Tour...<\/div>\n<\/div>\n\n<div class=\"ue-template-viewer-item\" data-id=\"143168\" data-post-link=\"https:\/\/unlimited-elements.com\/ue_templates\/counter-with-background-hover\/\">\n  \t<div class=\"ue-template-viewer-item-image\">\n      \t<div class=\"ue-template-viewer-item-image-badge\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"9\" height=\"7\" viewBox=\"0 0 9 7\" fill=\"none\"><path d=\"M2.795 5.29L0.71 3.205L0 3.91L2.795 6.705L8.795 0.705L8.09 0L2.795 5.29Z\" fill=\"white\"><\/path><\/svg><\/div>\n      \t<div class=\"ue-template-viewer-item-image-loader\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 32 32\"><g stroke-width=\"1\" transform=\"translate(0.5, 0.5)\"><g class=\"nc-loop-circle-3-32-icon-o\" stroke-width=\"1\"><path d=\"M29.752 22A15.008 15.008 0 1 1 31 16\" fill=\"none\" stroke=\"#69ADFF\" stroke-miterlimit=\"10\" stroke-width=\"1\"><\/path><\/g><style stroke-width=\"1\">.nc-loop-circle-3-32-icon-o{--animation-duration:0.7s;transform-origin:16px 16px;animation:nc-loop-circle-3-anim var(--animation-duration) infinite linear}@keyframes nc-loop-circle-3-anim{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}<\/style><\/g><\/svg><\/div>\n    \t<img decoding=\"async\" class=\"ue-template-viewer-item-image-element\" src=\"https:\/\/unlimited-elements.com\/wp-content\/uploads\/2024\/07\/Counter-with-a-Background-Hover.jpg\" alt=\"Counter with a Background Hover\" width=\"800\" height=\"600\" title=\"\">\n  \t<\/div>\n\t<div class=\"ue-template-viewer-item-title\">Counter with Background...<\/div>\n<\/div>\n\n<div class=\"ue-template-viewer-item\" data-id=\"145940\" data-post-link=\"https:\/\/unlimited-elements.com\/ue_templates\/woo-product-slider-with-custom-background\/\">\n  \t<div class=\"ue-template-viewer-item-image\">\n      \t<div class=\"ue-template-viewer-item-image-badge\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"9\" height=\"7\" viewBox=\"0 0 9 7\" fill=\"none\"><path d=\"M2.795 5.29L0.71 3.205L0 3.91L2.795 6.705L8.795 0.705L8.09 0L2.795 5.29Z\" fill=\"white\"><\/path><\/svg><\/div>\n      \t<div class=\"ue-template-viewer-item-image-loader\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 32 32\"><g stroke-width=\"1\" transform=\"translate(0.5, 0.5)\"><g class=\"nc-loop-circle-3-32-icon-o\" stroke-width=\"1\"><path d=\"M29.752 22A15.008 15.008 0 1 1 31 16\" fill=\"none\" stroke=\"#69ADFF\" stroke-miterlimit=\"10\" stroke-width=\"1\"><\/path><\/g><style stroke-width=\"1\">.nc-loop-circle-3-32-icon-o{--animation-duration:0.7s;transform-origin:16px 16px;animation:nc-loop-circle-3-anim var(--animation-duration) infinite linear}@keyframes nc-loop-circle-3-anim{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}<\/style><\/g><\/svg><\/div>\n    \t<img loading=\"lazy\" decoding=\"async\" class=\"ue-template-viewer-item-image-element\" src=\"https:\/\/unlimited-elements.com\/wp-content\/uploads\/2024\/07\/Woo-Product-Slider-with-Custom-Background-and-Icon-Button.jpg\" alt=\"Woo Product Slider with Custom Background and Icon Button\" width=\"800\" height=\"600\" title=\"\">\n  \t<\/div>\n\t<div class=\"ue-template-viewer-item-title\">Woo Product Slider with Custom...<\/div>\n<\/div>\n\n<div class=\"ue-template-viewer-item\" data-id=\"148048\" data-post-link=\"https:\/\/unlimited-elements.com\/ue_templates\/video-play-button-with-animated-background-overlay\/\">\n  \t<div class=\"ue-template-viewer-item-image\">\n      \t<div class=\"ue-template-viewer-item-image-badge\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"9\" height=\"7\" viewBox=\"0 0 9 7\" fill=\"none\"><path d=\"M2.795 5.29L0.71 3.205L0 3.91L2.795 6.705L8.795 0.705L8.09 0L2.795 5.29Z\" fill=\"white\"><\/path><\/svg><\/div>\n      \t<div class=\"ue-template-viewer-item-image-loader\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 32 32\"><g stroke-width=\"1\" transform=\"translate(0.5, 0.5)\"><g class=\"nc-loop-circle-3-32-icon-o\" stroke-width=\"1\"><path d=\"M29.752 22A15.008 15.008 0 1 1 31 16\" fill=\"none\" stroke=\"#69ADFF\" stroke-miterlimit=\"10\" stroke-width=\"1\"><\/path><\/g><style stroke-width=\"1\">.nc-loop-circle-3-32-icon-o{--animation-duration:0.7s;transform-origin:16px 16px;animation:nc-loop-circle-3-anim var(--animation-duration) infinite linear}@keyframes nc-loop-circle-3-anim{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}<\/style><\/g><\/svg><\/div>\n    \t<img loading=\"lazy\" decoding=\"async\" class=\"ue-template-viewer-item-image-element\" src=\"https:\/\/unlimited-elements.com\/wp-content\/uploads\/2024\/07\/Video-Play-Button-with-an-Animated-Background-Overlay.jpg\" alt=\"Video Play Button with an Animated Background Overlay\" width=\"800\" height=\"600\" title=\"\">\n  \t<\/div>\n\t<div class=\"ue-template-viewer-item-title\">Video Play Button with Animated...<\/div>\n<\/div>\n\n              <\/div>\n    <\/div>\n\n    <div class=\"ue-template-viewer-frame-wrapper\">   \n      \n      <div class=\"ue-template-viewer-frame-loader\">\n      \t<div class=\"ue-template-viewer-frame-loader-text\">Loading...<\/div>                <div class=\"ue-template viewer-frame-loader-image\">\n          \t\n          \t\n          \t\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 32 32\"><g stroke-width=\"1\" transform=\"translate(0.5, 0.5)\"><g class=\"nc-loop-dots-3-32-icon-o\" stroke-width=\"1\"><circle cx=\"4\" cy=\"16\" fill=\"none\" r=\"3\" stroke=\"#69ADFF\" stroke-linecap=\"square\" stroke-miterlimit=\"10\" stroke-width=\"1\" stroke-linejoin=\"miter\"><\/circle><circle cx=\"16\" cy=\"16\" fill=\"none\" r=\"3\" stroke=\"#69ADFF\" stroke-linecap=\"square\" stroke-miterlimit=\"10\" stroke-width=\"1\" data-color=\"color-2\" stroke-linejoin=\"miter\"><\/circle><circle cx=\"28\" cy=\"16\" fill=\"none\" r=\"3\" stroke=\"#69ADFF\" stroke-linecap=\"square\" stroke-miterlimit=\"10\" stroke-width=\"1\" stroke-linejoin=\"miter\"><\/circle><\/g><style stroke-width=\"1\">.nc-loop-dots-3-32-icon-o>*{--animation-duration:0.8s;transform-origin:50% 50%;animation:nc-loop-dots-3-anim var(--animation-duration) infinite}.nc-loop-dots-3-32-icon-o>:nth-child(2){animation-delay:.1s}.nc-loop-dots-3-32-icon-o>:nth-child(3){animation-delay:.2s}@keyframes nc-loop-dots-3-anim{0%,100%,60%{transform:translateY(0)}30%{transform:translateY(20%)}}<\/style><\/g><\/svg>\t\n          \t\n          \t\n          \t\n          \t\n          \t\n          \t\n\n                  <\/div>\n              <\/div>  \n      \n      <div class=\"ue-template-viewer-top-navigation\">\n\n        <div class=\"ue-template-viewer-arrows-share-button-container\">\n          \n                    <div class=\"ue-template-viewer-arrows\">\n            <div class=\"ue-template-viewer-arrow ue-template-viewer-arrow-prev\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M21.5 12.5H1.5\" stroke=\"#444444\" stroke-miterlimit=\"10\"><\/path><path d=\"M8.5 5.5L1.5 12.5L8.5 19.5\" stroke=\"#444444\" stroke-miterlimit=\"10\" stroke-linecap=\"square\"><\/path><\/svg><\/div>\n            <div class=\"ue-template-viewer-arrow ue-template-viewer-arrow-next\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M2.5 12.5H22.5\" stroke=\"#444444\" stroke-miterlimit=\"10\"><\/path><path d=\"M15.5 5.5L22.5 12.5L15.5 19.5\" stroke=\"#444444\" stroke-miterlimit=\"10\" stroke-linecap=\"square\"><\/path><\/svg><\/div>\n          <\/div>\n          \n          <div class=\"ue-template-viewer-share-container\">\n            <button class=\"ue-template-viewer-share-button\">\n              <span class=\"ue-template-viewer-share-button-text\">Share<\/span>\n              <span class=\"ue-template-viewer-share-button-icon\"><svg width=\"19\" height=\"19\" viewBox=\"0 0 19 19\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M10.6875 15.4375V11.4792C5.14583 11.4792 4.03275 12.5677 1.1875 16.2292C1.1875 8.47084 6.25417 6.72918 10.6875 6.72918V2.77084L18.2083 9.10418L10.6875 15.4375Z\" stroke=\"#444444\" stroke-miterlimit=\"10\" stroke-linecap=\"square\"\/><\/svg><\/span>\n            <\/button>\n            <div class=\"ue-template-viewer-share-list\">\n              <div class=\"ue-template-viewer-share-list-item\" data-link-type=\"facebook\">\n                <span class=\"ue-template-viewer-share-list-item-icon\"><svg width=\"15\" height=\"14\" viewBox=\"0 0 15 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M13.6364 0H1.36364C0.610227 0 0 0.569545 0 1.27273V12.7273C0 13.4305 0.610227 14 1.36364 14H8.18182V8.27273H6.13636V6.36364H8.18182V5.33845C8.18182 3.39755 9.195 2.54545 10.9234 2.54545C11.7511 2.54545 12.1889 2.60273 12.3961 2.62882V4.45455H11.2173C10.4836 4.45455 10.2273 4.816 10.2273 5.54782V6.36364H12.3777L12.0859 8.27273H10.2273V14H13.6364C14.3898 14 15 13.4305 15 12.7273V1.27273C15 0.569545 14.3891 0 13.6364 0Z\" fill=\"black\"\/><\/svg><\/span>\n                <span class=\"ue-template-viewer-share-list-item-text\">Facebook<\/span>\n              <\/div>\n              <div class=\"ue-template-viewer-share-list-item\" data-link-type=\"twitter\">\n                <span class=\"ue-template-viewer-share-list-item-icon\"><svg width=\"15\" height=\"14\" viewBox=\"0 0 15 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M1.36364 0C0.610227 0 0 0.569545 0 1.27273V12.7273C0 13.4305 0.610227 14 1.36364 14H13.6364C14.3898 14 15 13.4305 15 12.7273V1.27273C15 0.569545 14.3898 0 13.6364 0H1.36364ZM3.16939 3.18182H6.31348L8.14853 5.63033L10.419 3.18182H11.4085L8.59331 6.22443L12.037 10.8182H8.89293L6.8568 8.10121L4.3426 10.8182H3.33718L6.40936 7.50586L3.16939 3.18182ZM4.69016 3.93501L9.2951 10.0613H10.5149L5.90865 3.93501H4.69016Z\" fill=\"black\"\/><\/svg><\/span>\n                <span class=\"ue-template-viewer-share-list-item-text\">X<\/span>\n              <\/div>\n              <div class=\"ue-template-viewer-share-list-item\" data-link-type=\"whatsapp\">\n                <span class=\"ue-template-viewer-share-list-item-icon\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M8 0C3.582 0 0 3.582 0 8C0 9.50081 0.421561 10.9 1.14062 12.1003L0.0716146 16L4.05469 14.9544C5.21957 15.6167 6.56433 16 8 16C12.418 16 16 12.418 16 8C16 3.582 12.418 0 8 0ZM5.26172 4.26823C5.39172 4.26823 5.52529 4.26744 5.64063 4.27344C5.78329 4.27677 5.93857 4.28722 6.08724 4.61589C6.26391 5.00655 6.64858 5.9866 6.69792 6.08594C6.74725 6.18527 6.78221 6.30229 6.71354 6.43229C6.64821 6.56563 6.61423 6.64632 6.51823 6.76432C6.4189 6.87899 6.31005 7.02141 6.22005 7.10807C6.12072 7.20741 6.01815 7.31632 6.13281 7.51432C6.24748 7.71232 6.64571 8.36142 7.23437 8.88542C7.99104 9.56142 8.62946 9.76916 8.82812 9.86849C9.02679 9.96782 9.14184 9.95234 9.25651 9.81901C9.37451 9.68901 9.75208 9.24294 9.88542 9.04427C10.0154 8.8456 10.1481 8.87998 10.3281 8.94531C10.5108 9.01065 11.4849 9.49051 11.6836 9.58984C11.8823 9.68918 12.0125 9.73834 12.0625 9.81901C12.1138 9.90234 12.1139 10.2991 11.9492 10.7617C11.7846 11.2237 10.9759 11.6705 10.6133 11.7018C10.2473 11.7358 9.90571 11.8663 8.23438 11.2083C6.21838 10.4143 4.94699 8.34948 4.84766 8.21615C4.74832 8.08615 4.04036 7.1426 4.04036 6.16927C4.04036 5.1926 4.55244 4.71429 4.73177 4.51562C4.91444 4.31696 5.12839 4.26823 5.26172 4.26823Z\" fill=\"black\"\/><\/svg><\/span>\n                <span class=\"ue-template-viewer-share-list-item-text\">WhatsApp<\/span>\n              <\/div>\n              <div class=\"ue-template-viewer-share-list-item\" data-link-type=\"link\">\n                <span class=\"ue-template-viewer-share-list-item-icon\"><svg width=\"14\" height=\"16\" viewBox=\"0 0 14 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M9 4H1C0.4 4 0 4.4 0 5V15C0 15.6 0.4 16 1 16H9C9.6 16 10 15.6 10 15V5C10 4.4 9.6 4 9 4Z\" fill=\"black\"\/><path d=\"M13 0H3V2H12V13H14V1C14 0.4 13.6 0 13 0Z\" fill=\"black\"\/><\/svg><\/span>\n                <span class=\"ue-template-viewer-share-list-item-text\">Copy Link<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n          \n        <\/div>  \n\n        <div class=\"ue-template-viewer-window-size-container\">\n          <div class=\"ue-template-viewer-window-size-item ue-template-viewer-window-size-item--desktop uc-item-active\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"17\" height=\"15\" viewBox=\"0 0 17 15\" fill=\"none\"><path d=\"M8.5 13.9563V12.1054\" stroke=\"#444444\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><path d=\"M4 13.9563H13\" stroke=\"#444444\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><path d=\"M16 1H1V10.2545H16V1Z\" stroke=\"#444444\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg><\/div>\n          <div class=\"ue-template-viewer-window-size-item ue-template-viewer-window-size-item--tablet \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"15\" height=\"16\" viewBox=\"0 0 15 16\" fill=\"none\"><path d=\"M3 12.1054H12\" stroke=\"#444444\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><path d=\"M13 1H2C1.44772 1 1 1.41434 1 1.92545V13.9563C1 14.4674 1.44772 14.8817 2 14.8817H13C13.5523 14.8817 14 14.4674 14 13.9563V1.92545C14 1.41434 13.5523 1 13 1Z\" stroke=\"#444444\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg><\/div>\n          <div class=\"ue-template-viewer-window-size-item ue-template-viewer-window-size-item--mobile \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"13\" height=\"16\" viewBox=\"0 0 13 16\" fill=\"none\"><path d=\"M11 1H2C1.44772 1 1 1.41434 1 1.92545V13.9563C1 14.4674 1.44772 14.8817 2 14.8817H11C11.5523 14.8817 12 14.4674 12 13.9563V1.92545C12 1.41434 11.5523 1 11 1Z\" stroke=\"#444444\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><path d=\"M6.5 12.5681C7.05228 12.5681 7.5 12.1538 7.5 11.6427C7.5 11.1316 7.05228 10.7172 6.5 10.7172C5.94772 10.7172 5.5 11.1316 5.5 11.6427C5.5 12.1538 5.94772 12.5681 6.5 12.5681Z\" fill=\"#444444\"><\/path><\/svg><\/div>\n        <\/div>  \n        \n        <div class=\"ue-template-viewer-buttons-container\">\n          <a class=\"ue-template-viewer-new-tab-button\" href=\"\" target=\"_blank\" title=\"Open Selected Template in New Tab\"><svg width=\"18\" height=\"17\" viewBox=\"0 0 18 17\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M9 17V7.54547\" stroke=\"#444444\" stroke-miterlimit=\"10\"\/><path d=\"M11.9095 10.4546L9.0004 7.54547L6.09131 10.4546\" stroke=\"#444444\" stroke-miterlimit=\"10\" stroke-linecap=\"square\"\/><path d=\"M3.18182 12.6364H2.45455C2.06878 12.6364 1.69881 12.4831 1.42603 12.2103C1.15325 11.9376 1 11.5676 1 11.1818V2.45455C1 2.06878 1.15325 1.69881 1.42603 1.42603C1.69881 1.15325 2.06878 1 2.45455 1H15.5455C15.9312 1 16.3012 1.15325 16.574 1.42603C16.8468 1.69881 17 2.06878 17 2.45455V11.1818C17 11.5676 16.8468 11.9376 16.574 12.2103C16.3012 12.4831 15.9312 12.6364 15.5455 12.6364H14.8182\" stroke=\"#444444\" stroke-miterlimit=\"10\" stroke-linecap=\"square\"\/><path d=\"M1 3.90906H17\" stroke=\"#444444\" stroke-miterlimit=\"10\" stroke-linecap=\"square\"\/><\/svg><\/a>\n                    \t<div class=\"ue-template-viewer-copy-button\">\n              <span class=\"ue-template-viewer-copy-button-icon regular\"><svg width=\"20\" height=\"17\" viewBox=\"0 0 20 17\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><g clip-path=\"url(#clip0_7473_257)\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M16.7951 3.44048L20 13.8218L9.53146 17L8.01939 12.1023L7.78876 11.3555L7.55826 10.6088L6.32654 6.6187L10.5007 5.35144L11.2537 5.12286L12.0069 4.89413L16.7951 3.44048ZM10.3954 0L11.5306 3.70279L10.0349 4.16008L9.35767 1.95082L1.95348 4.21458L4.22032 11.6087L6.28296 10.978L6.51186 11.7248L6.74074 12.4717L3.18256 13.5595L0 3.17822L10.3954 0Z\" fill=\"white\"\/><\/g><defs><clipPath id=\"clip0_7473_257\"><rect width=\"20\" height=\"17\" fill=\"white\"\/><\/clipPath><\/defs><\/svg><\/span>\n              <span class=\"ue-template-viewer-copy-button-icon hover\" style=\"display: none;\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M8 0C3.6 0 0 3.6 0 8C0 12.4 3.6 16 8 16C12.4 16 16 12.4 16 8C16 3.6 12.4 0 8 0ZM8 13C7.448 13 7 12.552 7 12C7 11.448 7.448 11 8 11C8.552 11 9 11.448 9 12C9 12.552 8.552 13 8 13ZM9.623 8.092C9.126 8.519 9 8.663 9 9C9 9.553 8.552 10 8 10C7.448 10 7 9.553 7 9C7 7.706 7.795 7.024 8.322 6.573C8.819 6.148 8.945 6.003 8.945 5.667C8.945 5.484 8.945 5 8.001 5C7.565 5.024 7.1 5.224 6.743 5.561C6.342 5.939 5.708 5.92 5.329 5.52C4.95 5.118 4.968 4.485 5.37 4.106C6.072 3.445 6.987 3.052 7.949 3.002H7.952C9.764 3.002 10.945 4.073 10.945 5.668C10.945 6.961 10.15 7.643 9.624 8.093L9.623 8.092Z\" fill=\"white\"\/><\/svg><\/span>\n              <span class=\"ue-template-viewer-copy-button-icon loading\" style=\"display: none;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"16px\" height=\"16px\" viewBox=\"0 0 16 16\"><g transform=\"translate(0, 0)\"><g class=\"nc-loop-dots-3-16-icon-f\"><circle cx=\"1.5\" cy=\"8\" fill=\"#ffffff\" r=\"1.5\"\/><circle cx=\"8\" cy=\"8\" fill=\"#ffffff\" r=\"1.5\" data-color=\"color-2\"\/><circle cx=\"14.5\" cy=\"8\" fill=\"#ffffff\" r=\"1.5\"\/><\/g><style>.nc-loop-dots-3-16-icon-f&gt;*{--animation-duration:0.8s;transform-origin:50% 50%;animation:nc-loop-dots-3-anim var(--animation-duration) infinite}.nc-loop-dots-3-16-icon-f&gt;:nth-child(2){animation-delay:.1s}.nc-loop-dots-3-16-icon-f&gt;:nth-child(3){animation-delay:.2s}@keyframes nc-loop-dots-3-anim{0%,100%,60%{transform:translateY(0)}30%{transform:translateY(20%)}}<\/style><\/g><\/svg><\/span>\n              <span class=\"ue-template-viewer-copy-button-icon success\" style=\"display: none;\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M16 3.6L15.2 2C8.3 4 4.8 8.4 4.8 8.4L1.6 6L0 7.6L4.8 14C8.5 7.1 16 3.6 16 3.6Z\" fill=\"white\"\/><\/svg><\/span>\n              <span class=\"ue-template-viewer-copy-button-text regular\">Copy<\/span>\n              <span class=\"ue-template-viewer-copy-button-text loading\" style=\"display: none;\">Copying<\/span>\n              <span class=\"ue-template-viewer-copy-button-text success\" style=\"display: none;\">Copied<\/span>\n              <div class=\"ue-template-viewer-copy-button-info\">\n                <div class=\"ue-template-viewer-copy-button-info-text\">Click to Copy the Section and paste to your site using <a class=\"ue-template-viewer-copy-button-info-text-doubly-link\" href=\"https:\/\/wordpress.org\/plugins\/doubly\/\" target=\"_blank\" title=\"Download the free plugin from wordpress.org\" rel=\"noopener\">Doubly Plugin<\/a> &nbsp; <a class=\"ue-template-viewer-copy-button-info-text-wp-link\" href=\"https:\/\/doubly.pro\/unlimited-elements\/\" target=\"_blank\" rel=\"noopener\">Learn More<\/a><\/div>\n              <\/div>\n          \t<\/div>\n                    <a class=\"ue-template-viewer-buy-button\" href=\"https:\/\/unlimited-elements.com\/pricing\/\">Buy Now<\/a>\t\t<\/div>\n          \n      <\/div>  \n\n      <div class=\"ue-template-viewer-frame-container desktop\">\n          <iframe class=\"ue-template-viewer-frame\" scrolling=\"yes\" src=\"https:\/\/unlimited-elements.com\/templates-iframe?ucrendertemplate=145091,143168,145940,148048&multiple=true\">\n        \t\n          <\/iframe>  \n      <\/div>  \n    <\/div>\n  <\/div>\n<\/div>\n<!-- end UE Demos Viewer -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-989a64a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"989a64a\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9c759bc\" data-id=\"9c759bc\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-447baa4 elementor-widget elementor-widget-ucaddon_uc_icon_hover_effect_button\" data-id=\"447baa4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_uc_icon_hover_effect_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Button Icon Hover Effect -->\n\n<style>\/* widget: Button Icon Hover Effect *\/\n\n#uc_uc_icon_hover_effect_button_elementor_447baa4 *{\n\tmargin:0;\n\tbox-sizing: border-box;\n}\n#uc_uc_icon_hover_effect_button_elementor_447baa4 .uc_container_holder {\n\tposition:relative;\n}\n#uc_uc_icon_hover_effect_button_elementor_447baa4 .uc_container_holder .uc_btn {\n\tcursor: pointer;\n\tdisplay: inline-block;\n\tposition: relative;\n\ttransition: all 0.3s;\n  overflow: hidden;\n\tbackface-visibility: hidden;\n}\n\/**\n#uc_uc_icon_hover_effect_button_elementor_447baa4 .uc_container_holder .uc_btn:after {\n\tcontent: '';\n\tposition: absolute;\n\tz-index: -1;\n\t-webkit-transition: all 0.3s;\n\t-moz-transition: all 0.3s;\n\ttransition: all 0.3s;\n}\n**\/\n\n\n#uc_uc_icon_hover_effect_button_elementor_447baa4 .uc_container_holder .uc_btn-5 span {\n\tdisplay: inline-block;\n\twidth: 100%;\n\theight: 100%;\n\ttransition: all 0.3s;\n\tbackface-visibility: hidden;\n}\n#uc_uc_icon_hover_effect_button_elementor_447baa4 .uc_container_holder .uc_btn-5 .ue-icon {\n\tposition: absolute;\n\theight: 100%;\n\twidth: 100%;\n\ttransition: all 0.3s;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    line-height:1em;\n}\n\n#uc_uc_icon_hover_effect_button_elementor_447baa4 .uc_container_holder .uc_btn-5 .ue-icon svg\n{\n  height:1em;\n  width:1em;\n}\n#uc_uc_icon_hover_effect_button_elementor_447baa4 .uc_container_holder .uc_btn-5a:hover span {\n\ttransform: translateY(300%);\n}\n#uc_uc_icon_hover_effect_button_elementor_447baa4 .uc_container_holder .uc_btn-5a .ue-icon {\n\tleft: 0;\n\ttop: -100%;\n}\n#uc_uc_icon_hover_effect_button_elementor_447baa4 .uc_container_holder .uc_btn-5a:hover .ue-icon {\n\ttop: 0;\n}\n#uc_uc_icon_hover_effect_button_elementor_447baa4 .uc_container_holder .uc_btn-5b:hover span {\n\ttransform: translateX(200%);\n}\n#uc_uc_icon_hover_effect_button_elementor_447baa4 .uc_container_holder .uc_btn-5b .ue-icon {\n\tleft: -100%;\n\ttop: 0;\n}\n#uc_uc_icon_hover_effect_button_elementor_447baa4 .uc_container_holder .uc_btn-5b:hover .ue-icon {\n\tleft: 0;\n}\n\n<\/style>\n\n<div class=\"uc_icon_hover_effect_button\" id=\"uc_uc_icon_hover_effect_button_elementor_447baa4\">\n    \t<div class=\"uc_container_holder\" style=\"text-align:center;\">\n            <div class=\"uc_color-5\">\n                <a style=\"text-align:center;\" href=\"\" class=\"uc_btn uc_btn-5 uc_btn-5a uc_icon-cart uc_btn-5a\" >\n                  <div class=\"ue-icon\"><i class='fas fa-heart'><\/i><\/div>\n                  <span>Learn More<\/span>\n                <\/a>\n            <\/div>  \n        <\/div>\n    <\/div>\n<!-- end Button Icon Hover Effect -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-6d1888b e-flex e-con-boxed e-con e-parent\" data-id=\"6d1888b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ca051c0 elementor-widget elementor-widget-heading\" data-id=\"ca051c0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Button Icon Hover Widget Frequently Asked Questions<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7d8c13b elementor-widget elementor-widget-ucaddon_content_accordion\" data-id=\"7d8c13b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_content_accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Content Accordion -->\n\n<style>\/* widget: Content Accordion *\/\n\n\n\n#uc_content_accordion_elementor_7d8c13b *{\n  box-sizing: border-box;\n}\n\n#uc_content_accordion_elementor_7d8c13b .uc_ac_box{\n  overflow:hidden;\n}\n\n#uc_content_accordion_elementor_7d8c13b .ue_heading_title{\n  margin:0;\n  flex-grow:1;\n  display:flex;\n  flex-direction:row;\n}\n\n#uc_content_accordion_elementor_7d8c13b .uc_container .uc-heading{\n\tdisplay:flex;\n    align-items:center;\n\toverflow:hidden;\n\tcursor:pointer;  \n}\n\n#uc_content_accordion_elementor_7d8c13b .uc_container .uc_content{\n    display:none;\n}\n\n#uc_content_accordion_elementor_7d8c13b .uc_container .uc-heading span.ue_accordion_icon{\n\tdisplay:flex;\n    align-items:center;\n   \tjustify-content:center;\n    flex-grow:0;\n    flex-shrink:0;\n}\n\n#uc_content_accordion_elementor_7d8c13b .uc_ac_box.uc-item-active span.uc_dactive{\n\tdisplay:none;\n}\n\n#uc_content_accordion_elementor_7d8c13b .uc_ac_box:not(.uc-item-active) span.uc_active{\n\tdisplay:none;\n}\n\n#uc_content_accordion_elementor_7d8c13b span.ue_accordion_icon svg{\n  height:1em;\n  width:1em;\n}\n\n#uc_content_accordion_elementor_7d8c13b .uc_container .uc_btn {\n    text-align: center;\n    display: inline-block;\n    text-decoration: none;\n    transition: ease-in-out all 0.25s;\n}\n\n#uc_content_accordion_elementor_7d8c13b .ue-item-image img{\n  width:100%;\n  display:block;\n  object-fit:cover;\n}\n\n<\/style>\n\n<div class=\"uc_material_accordion  \"  id=\"uc_content_accordion_elementor_7d8c13b\"  data-name=\"\" data-scroll=\"off\" data-offset=\"0\" data-closeothers=\"true\" data-set-hash=\"false\" >\n  <div class=\"uc_container uc-items-wrapper\">\n    \n\n\n<div id=\"#ue-tab1\" class=\"uc_ac_box elementor-repeater-item-876fe4c \" style=\"background-color:;\">\n  <a href=\"javascript:void(0)\" class=\"uc-heading uc_trigger\" role=\"button\">\n    <span class=\"uc_dactive bbb ue_accordion_icon\"><i class='fas fa-plus'><\/i><\/span> \n    <span class=\"uc_active bbb ue_accordion_icon\"><i class='fas fa-minus'><\/i><\/span>\n    <div class=\"ue_heading_title\">What is the Button Icon Hover widget in Elementor?<\/div>\n  <\/a>\n  \n  <div class=\"uc_content\" >\n        \n      \n         \n                      \n      \n              <div class=\"ue-item-text\"><p><span style=\"font-weight: 400;\">The Button Icon Hover widget looks like a regular button, and when hovering over it, the button text changes into an icon of your choice, enhancing the user interaction. This widget allows you to combine text and icons seamlessly, creating a more dynamic and engaging experience for visitors on your website, perfect for call-to-action buttons and interactive elements.<\/span><\/p><\/div>\n      \n              \n      <\/div> \n<\/div>\n\n\n\n<div id=\"#ue-tab2\" class=\"uc_ac_box elementor-repeater-item-3b9d27e \" style=\"background-color:;\">\n  <a href=\"javascript:void(0)\" class=\"uc-heading uc_trigger\" role=\"button\">\n    <span class=\"uc_dactive bbb ue_accordion_icon\"><i class='fas fa-plus'><\/i><\/span> \n    <span class=\"uc_active bbb ue_accordion_icon\"><i class='fas fa-minus'><\/i><\/span>\n    <div class=\"ue_heading_title\">How do I add the Button Icon Hover widget to my Elementor website?<\/div>\n  <\/a>\n  \n  <div class=\"uc_content\" >\n        \n      \n         \n                      \n      \n              <div class=\"ue-item-text\"><p><span style=\"font-weight: 400;\">This widget requires the Unlimited Elements Pro version installed and activated on your WordPress website.<\/span><\/p><ol><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Go to the Unlimited Elements Widget Library.<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Search for \u201cButton Icon Hover\u201d in the search bar.<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Hover over the widget in the search results and click Install.<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Add the \u201cButton Icon Hover\u201d widget to any Elementor page.<\/span><\/li><\/ol><\/div>\n      \n              \n      <\/div> \n<\/div>\n\n\n\n<div id=\"#ue-tab3\" class=\"uc_ac_box elementor-repeater-item-60837eb \" style=\"background-color:;\">\n  <a href=\"javascript:void(0)\" class=\"uc-heading uc_trigger\" role=\"button\">\n    <span class=\"uc_dactive bbb ue_accordion_icon\"><i class='fas fa-plus'><\/i><\/span> \n    <span class=\"uc_active bbb ue_accordion_icon\"><i class='fas fa-minus'><\/i><\/span>\n    <div class=\"ue_heading_title\">Is the Button Icon Hover widget free?<\/div>\n  <\/a>\n  \n  <div class=\"uc_content\" >\n        \n      \n         \n                      \n      \n              <div class=\"ue-item-text\"><p><span style=\"font-weight: 400;\">The Button Icon Hover widget is not free; it is included in the Unlimited Elements Pro version. Unlock this widget and many other advanced features by upgrading to Pro. <\/span><a href=\"https:\/\/unlimited-elements.com\/pricing\/\"><b>Upgrade Now<\/b><\/a><\/p><\/div>\n      \n              \n      <\/div> \n<\/div>\n\n\n\n<div id=\"#ue-tab4\" class=\"uc_ac_box elementor-repeater-item-4701200 \" style=\"background-color:;\">\n  <a href=\"javascript:void(0)\" class=\"uc-heading uc_trigger\" role=\"button\">\n    <span class=\"uc_dactive bbb ue_accordion_icon\"><i class='fas fa-plus'><\/i><\/span> \n    <span class=\"uc_active bbb ue_accordion_icon\"><i class='fas fa-minus'><\/i><\/span>\n    <div class=\"ue_heading_title\">How do I use the Button Icon Hover widget in Elementor?<\/div>\n  <\/a>\n  \n  <div class=\"uc_content\" >\n        \n      \n         \n                      \n      \n              <div class=\"ue-item-text\"><p><span style=\"font-weight: 400;\">Using the Button Icon Hover widget is simple. Drag and drop the widget into your Elementor page, customize the button text and icon, and set the hover direction. You can choose any icon from the available library or upload a custom icon SVG. You can also customize the button colors, typography and border radius.<\/span><\/p><\/div>\n      \n              \n      <\/div> \n<\/div>\n\n  <\/div>\n<\/div>\n\n\n<!-- end Content Accordion -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>PRO Widgets \/ Creative Widgets \/ Widget For Test Button Icon Hover Widget for Elementor Demo Documentation The Button Icon Hover widget looks like a regular button and when hovering over, it will change the text into an icon of your choice, enhancing the user interactions. Buy Now Choose Template 360 Panorama Virtual Tour&#8230; Counter [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[3],"tags":[],"class_list":["post-4442","page","type-page","status-publish","hentry","category-elementor-widgets"],"acf":[],"_links":{"self":[{"href":"https:\/\/unlimited-elements.com\/wp-json\/wp\/v2\/pages\/4442","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/unlimited-elements.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/unlimited-elements.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/unlimited-elements.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/unlimited-elements.com\/wp-json\/wp\/v2\/comments?post=4442"}],"version-history":[{"count":48,"href":"https:\/\/unlimited-elements.com\/wp-json\/wp\/v2\/pages\/4442\/revisions"}],"predecessor-version":[{"id":236944,"href":"https:\/\/unlimited-elements.com\/wp-json\/wp\/v2\/pages\/4442\/revisions\/236944"}],"wp:attachment":[{"href":"https:\/\/unlimited-elements.com\/wp-json\/wp\/v2\/media?parent=4442"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/unlimited-elements.com\/wp-json\/wp\/v2\/categories?post=4442"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/unlimited-elements.com\/wp-json\/wp\/v2\/tags?post=4442"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}