Btn-29
Elementor JSON
{
"type": "elementor",
"siteurl": "https://hpromo.shop/wp-json/",
"elements": [
{
"id": "9107e7f",
"elType": "widget",
"isInner": false,
"isLocked": false,
"settings": {
"html": "<div class=\"glowbox glowbox-active\">\r\n <div class=\"glowbox-animations\">\r\n <div class=\"glowbox-glow\"></div>\r\n <div class=\"glowbox-stars-masker\">\r\n <div class=\"glowbox-stars\"></div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"glowbox-borders-masker\">\r\n <div class=\"glowbox-borders\"></div>\r\n </div>\r\n\r\n <a href=\"#AQUI SEU LINK\">\r\n <div class=\"btn-cta-box\">\r\n <div class=\"btn-cta\">QUERO SABER MAIS SOBRE</div>\r\n <svg class=\"arrow-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M5 12h12M13 6l6 6-6 6\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </svg>\r\n </div>\r\n </a>\r\n</div>\r\n\r\n<style>\r\n/* USE A ALIGBLY PRA MUDAR A COR */\r\n.glowbox {\r\n isolation: isolate;\r\n overflow: hidden;\r\n border-radius: 999px;\r\n position: relative;\r\n width: 100%;\r\n max-width: 400px;\r\n margin: auto;\r\n --animation-speed: 2s;\r\n background-color: #0a0a0f; /* Fundo mais roxo escuro */\r\n}\r\n\r\n.glowbox-active .glowbox-animations,\r\n.glowbox-active .glowbox-borders-masker {\r\n opacity: 1;\r\n}\r\n\r\n.glowbox-animations,\r\n.glowbox-borders {\r\n left: 50%;\r\n position: absolute;\r\n top: 50%;\r\n transform: translate(-50%, -50%);\r\n width: 100%;\r\n z-index: 1;\r\n}\r\n\r\n.glowbox-animations:before,\r\n.glowbox-borders:before {\r\n content: \"\";\r\n float: left;\r\n padding-top: 100%;\r\n}\r\n\r\n.glowbox-animations:after,\r\n.glowbox-borders:after {\r\n clear: both;\r\n content: \"\";\r\n display: block;\r\n}\r\n\r\n.glowbox-animations {\r\n opacity: 0;\r\n poi
... (código completo copiado ao clicar em Copiar)