warpBtn-14
Elementor JSON
{"type":"elementor","siteurl":"https://hpromo.shop/wp-json/","elements":[{"id":"a023b28","elType":"widget","isInner":false,"isLocked":false,"settings":{"html":"<div class=\"glowbox glowbox-active\">\n <div class=\"glowbox-borders-masker\">\n <div class=\"glowbox-borders\"></div>\n </div>\n\n <a href=\"#\">\n <div class=\"btn-cta-box\">\n <div class=\"btn-cta\">GARANTIR MINHA VAGA AGORA</div>\n <img\n src=\"https://app.packlp.com/assets/arrow.svg\n\"\n class=\"arrow-icon\"\n alt=\"Seta\"\n />\n </div>\n </a>\n</div>\n\n<style>\n/* ===== GLOWBOX (versão roxa sem animação rosa) ===== */\n\n.glowbox {\n isolation: isolate;\n overflow: hidden;\n border-radius: 999px;\n position: relative;\n width: 100%;\n max-width: 400px;\n margin: auto;\n}\n\n/* === Bordas fixas e suaves === */\n.glowbox-borders {\n position: absolute;\n inset: 0;\n border-radius: 999px;\n background: conic-gradient(\n from 0deg at 50% 50%,\n rgba(182, 12, 213, 0.8) 0deg,\n rgba(182, 12, 213, 0.2) 90deg,\n rgba(182, 12, 213, 0.1) 270deg,\n rgba(182, 12, 213, 0.8) 360deg\n );\n filter: blur(2px);\n opacity: 0.6;\n z-index: 1;\n}\n\n.glowbox-borders-masker {\n border-radius: 999px;\n content: \"\";\n height: 100%;\n inset: 0;\n position: absolute;\n -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n padding: 1px;\n width: 100%;\n z-index: 1;\n}\n\n/* ===== CONTAINER DO BOTÃO ===== */\n.btn-cta-box {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 20px;\n padding: 10px 20px 10px 10px;\n background: linear-gradient(\n 225deg,\n rgba(240, 242, 255, 0.24) 5%,\n rgba(255, 255, 255, 0.08) 43%,\n rgba(255, 255, 255, 0.03) 68%\n );\n border: 1px solid rgba(132, 117, 110, 0.26);\n border-radius: 100px;\n box-shadow:
... (código completo copiado ao clicar em Copiar)