{"id":33070,"date":"2024-07-16T10:51:20","date_gmt":"2024-07-16T10:51:20","guid":{"rendered":"https:\/\/365best.shop\/?page_id=33070"},"modified":"2024-11-23T23:07:18","modified_gmt":"2024-11-24T07:07:18","slug":"shiyan","status":"publish","type":"page","link":"https:\/\/365best.shop\/en\/shiyan\/","title":{"rendered":"Neon Glowing Button Effect with Action Buttons"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"33070\" class=\"elementor elementor-33070\">\n\t\t\t\t<div class=\"elementor-element elementor-element-06a9c81 e-flex e-con-boxed e-con e-parent\" data-id=\"06a9c81\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-5e56b75 e-con-full e-flex e-con e-child\" data-id=\"5e56b75\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5be6c98 elementor-widget elementor-widget-heading\" data-id=\"5be6c98\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Access What Matters<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c0ea9c8 elementor-widget elementor-widget-heading\" data-id=\"c0ea9c8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Get instant access to the features and functions you need most.<\/h2>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e293c0f e-con-full e-flex e-con e-child\" data-id=\"e293c0f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-f21415a e-con-full e-flex e-con e-child\" data-id=\"f21415a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-69fcafe elementor-widget elementor-widget-ucaddon_neon_glowing_button_effect\" data-id=\"69fcafe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_neon_glowing_button_effect.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Neon Glowing Button Effect -->\n\t\t<link id='font-awesome-css' href='https:\/\/365best.shop\/wp-content\/plugins\/unlimited-elements-for-elementor-premium\/assets_libraries\/font-awesome6\/fontawesome-all.min.css' type='text\/css' rel='stylesheet' >\n\t\t<link id='font-awesome-4-shim-css' href='https:\/\/365best.shop\/wp-content\/plugins\/unlimited-elements-for-elementor-premium\/assets_libraries\/font-awesome6\/fontawesome-v4-shims.min.css' type='text\/css' rel='stylesheet' >\n\n<style>\/* widget: Neon Glowing Button Effect *\/\n\n#uc_neon_glowing_button_effect_elementor_69fcafe{\n  position: relative;\n  z-index:1;\n}\n#uc_neon_glowing_button_effect_elementor_69fcafe *{\n    margin: 0;\n}\n#uc_neon_glowing_button_effect_elementor_69fcafe.ue_neon_btn_wrapper{\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap:50px;\n}\n#uc_neon_glowing_button_effect_elementor_69fcafe .ue_neon_btn {\n  display: flex;\n  flex-direction:row;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  border-radius: 0px;\n  overflow:visible;\n  transition: 0.5s;\n}\n\n#uc_neon_glowing_button_effect_elementor_69fcafe .ue_neon_btn:after {\n  content: '';\n  position: absolute;\n  box-sizing:content-box;\n  border-radius: calc(0px + 2px);\n  width: 100%;\n  height: 100%;\n  translate: -50% -50%;\n  left: 50%;\n  top: 50%;\n  z-index: -1;\n  animation: rotateuc_neon_glowing_button_effect_elementor_69fcafe 2000ms linear infinite;\n  padding: 2px;\n  --angle: 0deg;\n  filter: ;\n  background: conic-gradient(from var(--angle) ,\n          #ff003700 50deg,\n      #FF0085 360deg\n          );\n  transition: all 0.5s;\n}\n\n#uc_neon_glowing_button_effect_elementor_69fcafe .ue_neon_btn:before {\n  content: '';\n  position: absolute;\n  box-sizing:content-box;\n  border-radius: 0px;\n  width: 100%;\n  height: 100%;\n  translate: -50% -50%;\n  left: 50%;\n  top: 50%;\n  z-index: -2;\n  transition: all 0.5s;\n  animation: rotateuc_neon_glowing_button_effect_elementor_69fcafe 2000ms linear infinite;\n  filter: blur(20px) brightness(1)  ;\n  background: conic-gradient(from var(--angle),\n          #ff003700 50deg,\n      #FF0085 360deg\n          );\n}\n\n\n@property --angle {\n  syntax: '<angle>';\n  initial-value: 0deg;\n  inherits: false;\n}\n@property --hueuc_neon_glowing_button_effect_elementor_69fcafe {\n  syntax: '<angle>';\n  initial-value: 0deg;\n  inherits: false;\n}\n@keyframes rotateuc_neon_glowing_button_effect_elementor_69fcafe {\n  0% {\n    --angle: 0deg;\n       }\n  50% { \n      }\n  100% { \n    --angle: 360deg;\n      }\n}\n\n\/* hover *\/\n#uc_neon_glowing_button_effect_elementor_69fcafe .ue_neon_btn:hover:before,\n#uc_neon_glowing_button_effect_elementor_69fcafe .ue_neon_btn:hover:after{\n  transition: all 0.5s;\n  animation-play-state: paused;\n  background: conic-gradient(from var(--angle),\n          #FF0085 0deg,\n      #FF0085 360deg\n          );\n}\n\n#uc_neon_glowing_button_effect_elementor_69fcafe .ue-btn svg\n{\n  height:1em;\n  width:1em;\n}\n\n<\/style>\n\n<div id=\"uc_neon_glowing_button_effect_elementor_69fcafe\" class=\"ue_neon_btn_wrapper \">\n  <a href=\"\"  class=\"ue_neon_btn\">\n        Download\n    <div class=\"ue-btn-icon\"><i class='fas fa-download'><\/i><\/div>  <\/a>\n<\/div>\n<!-- end Neon Glowing Button Effect -->\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-eda89ba e-con-full e-flex e-con e-child\" data-id=\"eda89ba\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b295f4d elementor-widget elementor-widget-ucaddon_neon_glowing_button_effect\" data-id=\"b295f4d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_neon_glowing_button_effect.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Neon Glowing Button Effect -->\n\n<style>\/* widget: Neon Glowing Button Effect *\/\n\n#uc_neon_glowing_button_effect_elementor_b295f4d{\n  position: relative;\n  z-index:1;\n}\n#uc_neon_glowing_button_effect_elementor_b295f4d *{\n    margin: 0;\n}\n#uc_neon_glowing_button_effect_elementor_b295f4d.ue_neon_btn_wrapper{\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap:50px;\n}\n#uc_neon_glowing_button_effect_elementor_b295f4d .ue_neon_btn {\n  display: flex;\n  flex-direction:row;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  border-radius: 0px;\n  overflow:visible;\n  transition: 0.5s;\n}\n\n#uc_neon_glowing_button_effect_elementor_b295f4d .ue_neon_btn:after {\n  content: '';\n  position: absolute;\n  box-sizing:content-box;\n  border-radius: calc(0px + 2px);\n  width: 100%;\n  height: 100%;\n  translate: -50% -50%;\n  left: 50%;\n  top: 50%;\n  z-index: -1;\n  animation: rotateuc_neon_glowing_button_effect_elementor_b295f4d 2000ms linear infinite;\n  padding: 2px;\n  --angle: 0deg;\n  filter: ;\n  background: conic-gradient(from var(--angle) ,\n          #ff003700 50deg,\n      #47C8FF 360deg\n          );\n  transition: all 0.5s;\n}\n\n#uc_neon_glowing_button_effect_elementor_b295f4d .ue_neon_btn:before {\n  content: '';\n  position: absolute;\n  box-sizing:content-box;\n  border-radius: 0px;\n  width: 100%;\n  height: 100%;\n  translate: -50% -50%;\n  left: 50%;\n  top: 50%;\n  z-index: -2;\n  transition: all 0.5s;\n  animation: rotateuc_neon_glowing_button_effect_elementor_b295f4d 2000ms linear infinite;\n  filter: blur(20px) brightness(1)  ;\n  background: conic-gradient(from var(--angle),\n          #ff003700 50deg,\n      #47C8FF 360deg\n          );\n}\n\n\n@property --angle {\n  syntax: '<angle>';\n  initial-value: 0deg;\n  inherits: false;\n}\n@property --hueuc_neon_glowing_button_effect_elementor_b295f4d {\n  syntax: '<angle>';\n  initial-value: 0deg;\n  inherits: false;\n}\n@keyframes rotateuc_neon_glowing_button_effect_elementor_b295f4d {\n  0% {\n    --angle: 0deg;\n       }\n  50% { \n      }\n  100% { \n    --angle: 360deg;\n      }\n}\n\n\/* hover *\/\n#uc_neon_glowing_button_effect_elementor_b295f4d .ue_neon_btn:hover:before,\n#uc_neon_glowing_button_effect_elementor_b295f4d .ue_neon_btn:hover:after{\n  transition: all 0.5s;\n  animation-play-state: paused;\n  background: conic-gradient(from var(--angle),\n          #47C8FF 0deg,\n      #47C8FF 360deg\n          );\n}\n\n#uc_neon_glowing_button_effect_elementor_b295f4d .ue-btn svg\n{\n  height:1em;\n  width:1em;\n}\n\n<\/style>\n\n<div id=\"uc_neon_glowing_button_effect_elementor_b295f4d\" class=\"ue_neon_btn_wrapper \">\n  <a href=\"\"  class=\"ue_neon_btn\">\n        Start Chat\n    <div class=\"ue-btn-icon\"><i class='fas fa-comment-alt'><\/i><\/div>  <\/a>\n<\/div>\n<!-- end Neon Glowing Button Effect -->\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-2a32307 e-con-full e-flex e-con e-child\" data-id=\"2a32307\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0b40560 elementor-widget elementor-widget-ucaddon_neon_glowing_button_effect\" data-id=\"0b40560\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_neon_glowing_button_effect.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Neon Glowing Button Effect -->\n\n<style>\/* widget: Neon Glowing Button Effect *\/\n\n#uc_neon_glowing_button_effect_elementor_0b40560{\n  position: relative;\n  z-index:1;\n}\n#uc_neon_glowing_button_effect_elementor_0b40560 *{\n    margin: 0;\n}\n#uc_neon_glowing_button_effect_elementor_0b40560.ue_neon_btn_wrapper{\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap:50px;\n}\n#uc_neon_glowing_button_effect_elementor_0b40560 .ue_neon_btn {\n  display: flex;\n  flex-direction:row;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  border-radius: 0px;\n  overflow:visible;\n  transition: 0.5s;\n}\n\n#uc_neon_glowing_button_effect_elementor_0b40560 .ue_neon_btn:after {\n  content: '';\n  position: absolute;\n  box-sizing:content-box;\n  border-radius: calc(0px + 2px);\n  width: 100%;\n  height: 100%;\n  translate: -50% -50%;\n  left: 50%;\n  top: 50%;\n  z-index: -1;\n  animation: rotateuc_neon_glowing_button_effect_elementor_0b40560 2000ms linear infinite;\n  padding: 2px;\n  --angle: 0deg;\n  filter: ;\n  background: conic-gradient(from var(--angle) ,\n          #ff003700 50deg,\n      #D65BFF 360deg\n          );\n  transition: all 0.5s;\n}\n\n#uc_neon_glowing_button_effect_elementor_0b40560 .ue_neon_btn:before {\n  content: '';\n  position: absolute;\n  box-sizing:content-box;\n  border-radius: 0px;\n  width: 100%;\n  height: 100%;\n  translate: -50% -50%;\n  left: 50%;\n  top: 50%;\n  z-index: -2;\n  transition: all 0.5s;\n  animation: rotateuc_neon_glowing_button_effect_elementor_0b40560 2000ms linear infinite;\n  filter: blur(20px) brightness(1)  ;\n  background: conic-gradient(from var(--angle),\n          #ff003700 50deg,\n      #D65BFF 360deg\n          );\n}\n\n\n@property --angle {\n  syntax: '<angle>';\n  initial-value: 0deg;\n  inherits: false;\n}\n@property --hueuc_neon_glowing_button_effect_elementor_0b40560 {\n  syntax: '<angle>';\n  initial-value: 0deg;\n  inherits: false;\n}\n@keyframes rotateuc_neon_glowing_button_effect_elementor_0b40560 {\n  0% {\n    --angle: 0deg;\n       }\n  50% { \n      }\n  100% { \n    --angle: 360deg;\n      }\n}\n\n\/* hover *\/\n#uc_neon_glowing_button_effect_elementor_0b40560 .ue_neon_btn:hover:before,\n#uc_neon_glowing_button_effect_elementor_0b40560 .ue_neon_btn:hover:after{\n  transition: all 0.5s;\n  animation-play-state: paused;\n  background: conic-gradient(from var(--angle),\n          #D65BFF 0deg,\n      #D65BFF 360deg\n          );\n}\n\n#uc_neon_glowing_button_effect_elementor_0b40560 .ue-btn svg\n{\n  height:1em;\n  width:1em;\n}\n\n<\/style>\n\n<div id=\"uc_neon_glowing_button_effect_elementor_0b40560\" class=\"ue_neon_btn_wrapper \">\n  <a href=\"\"  class=\"ue_neon_btn\">\n        Buy Now\n    <div class=\"ue-btn-icon\"><i class='fas fa-tags'><\/i><\/div>  <\/a>\n<\/div>\n<!-- end Neon Glowing Button Effect -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\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=\"wd-negative-gap elementor-element elementor-element-cd06d72 e-flex e-con-boxed e-con e-parent\" data-id=\"cd06d72\" 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-ebe9c4c wd-animation-slide-from-bottom wd-animation-fast wd_delay_800 wd-animation wd-transform elementor-widget elementor-widget-ucaddon_gradient_border_button\" data-id=\"ebe9c4c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_gradient_border_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Gradient Border Button -->\n<style>\/* widget: Gradient Border Button *\/\n\n#uc_gradient_border_button_elementor_ebe9c4c {\n    display: flex;\n    align-items: center;\n}\n#uc_gradient_border_button_elementor_ebe9c4c .ue-gradient-border .ue-gradient-border-content .ue-txt {\n  \t\tz-index: 2;\n        position:relative;\n}\n    #uc_gradient_border_button_elementor_ebe9c4c .ue-gradient-border .ue-gradient-border-content .ue-txt {\n        color: #FFFEFE;\n    }\n\n    #uc_gradient_border_button_elementor_ebe9c4c .ue-gradient-border:hover .ue-gradient-border-content .ue-txt {\n        color: ;\n    }\n\n#uc_gradient_border_button_elementor_ebe9c4c .ue-gradient-border .ue-gradient-border-icon {\n  \t\tz-index: 2;\n        position:relative;\n}\n    #uc_gradient_border_button_elementor_ebe9c4c .ue-gradient-border .ue-gradient-border-icon i {\n        color: #e55f5f;\n    }\n\n    #uc_gradient_border_button_elementor_ebe9c4c .ue-gradient-border:hover .ue-gradient-border-icon i  {\n        color: #e55f5f;\n    }\n\n\n#uc_gradient_border_button_elementor_ebe9c4c .ue-gradient-border {\n    position: relative;\n    display: inline-block;\n    z-index: 0;\n}\n\n#uc_gradient_border_button_elementor_ebe9c4c .ue-gradient-border-content {\n    background:\n                    linear-gradient(90deg, #FFFFFF00, #FFFFFF00) padding-box,\n                        linear-gradient(90deg, #3E3FF0, #FF0085, #3E3FF0, #FF0085, #3E3FF0, #FF0085) border-box;\n    border: 5px solid transparent;\n    display:flex;\n    justify-content:center;\n    align-items:center;\n    position:relative;\n    overflow:hidden;\n    background-size:450%;\n    background-position:0%;\n\ttransition: background-position 0.5s ease; \n        animation: moveBackAndForth 5s ease-in-out infinite;\n    }\n\n#uc_gradient_border_button_elementor_ebe9c4c .ue-gradient-border-content:hover {\n        background:\n                    linear-gradient(90deg, , ) padding-box,\n                        linear-gradient(90deg, #3E3FF0, #FF0085, #3E3FF0, #FF0085, #3E3FF0, #FF0085) border-box;\n    border: 5px solid transparent;\n        background-size:450%;\n        background-position: 0%; \n        \t\t\n}\n#uc_gradient_border_button_elementor_ebe9c4c .ue-grad-hover\n{       \n        position:absolute;\n        top:0;\n        left:0;\n        right:0;\n        bottom:0;\n        width:100%;\n        height:100%;\n        z-index:0;\n        background:\n                    linear-gradient(90deg, , );\n                \t\topacity:0;\n        transition: opacity 0.25s ease-in-out; \n}\n#uc_gradient_border_button_elementor_ebe9c4c .ue-grad-normal\n{       \n        position:absolute;\n        top:0;\n        left:0;\n        right:0;\n        bottom:0;\n        width:100%;\n        height:100%;\n        z-index:1;\n        background:\n                    linear-gradient(90deg, #FFFFFF00, #FFFFFF00);\n                \t\topacity:1;\n        transition: opacity 0.25s ease-in-out; \n}\n#uc_gradient_border_button_elementor_ebe9c4c .ue-gradient-border:hover .ue-grad-hover\n{\n        opacity:1;\n        \n}\n#uc_gradient_border_button_elementor_ebe9c4c .ue-gradient-border:hover .ue-grad-normal\n{\n        opacity:0;\n}\n@keyframes moveBackAndForth {\n    0% {\n        background-position: 0%;\n    }\n    50% {\n        background-position: 100%;\n    }\n    100% {\n        background-position: 0%;\n    }\n}\n\n\n<\/style>\n\n<div class=\"ue-grad-btn-wrapper\" id=\"uc_gradient_border_button_elementor_ebe9c4c\">\n  <a  class=\"ue-gradient-border\" href=\"\" >\n        <div class=\"ue-gradient-border-content\" >\n      <div class=\"ue-grad-normal\"><\/div>\n      <div class=\"ue-grad-hover\"><\/div>\n            <span class=\"ue-txt\">Buy Now<\/span>\n    <\/div>\n    \n  <\/a>\n<\/div>\n<!-- end Gradient Border Button -->\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>Access What Matters Get instant access to the features and functions you need most. Download Start Chat Buy Now Buy<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-33070","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/365best.shop\/en\/wp-json\/wp\/v2\/pages\/33070","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/365best.shop\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/365best.shop\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/365best.shop\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/365best.shop\/en\/wp-json\/wp\/v2\/comments?post=33070"}],"version-history":[{"count":21,"href":"https:\/\/365best.shop\/en\/wp-json\/wp\/v2\/pages\/33070\/revisions"}],"predecessor-version":[{"id":34090,"href":"https:\/\/365best.shop\/en\/wp-json\/wp\/v2\/pages\/33070\/revisions\/34090"}],"wp:attachment":[{"href":"https:\/\/365best.shop\/en\/wp-json\/wp\/v2\/media?parent=33070"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}