warpBtn-26
Elementor JSON
{"type":"elementor","siteurl":"https://hpromo.shop/wp-json/","elements":[{"id":"0cf949f","elType":"widget","isInner":false,"isLocked":false,"settings":{"html":"<a href=\"SEU_LINK_AQUI\" class=\"btn-plasma-red-link\">\r\n <div class=\"btn-plasma-red\">\r\n <div class=\"particles-red\"></div>\r\n\r\n <div class=\"btn-red-inner\">\r\n <div class=\"btn-red-label\">GARANTIR MINHA VAGA AGORA</div>\r\n\r\n <!-- SVG inline substituindo a imagem externa -->\r\n <svg class=\"inline-svg-red\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\">\r\n <path d=\"M5 12h14m-7-7l7 7-7 7\" stroke=\"#ff0033\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n </svg>\r\n </div>\r\n </div>\r\n</a>\r\n\r\n\r\n\r\n<style>\r\n/* ==========================================================\r\n 🔥 PLASMA RED ULTRA – BORDA ANIMADA + SHINE INTERNO\r\n ========================================================== */\r\n\r\n.btn-plasma-red {\r\n max-width: 440px;\r\n margin: auto;\r\n padding: 2px;\r\n border-radius: 14px;\r\n position: relative;\r\n overflow: hidden;\r\n\r\n /* Plasma vermelho com caustic */\r\n background: linear-gradient(\r\n 120deg,\r\n rgba(255,0,70,0.95),\r\n rgba(180,0,30,0.45),\r\n rgba(120,0,20,0.15),\r\n rgba(120,0,20,0.0)\r\n );\r\n background-size: 300% 300%;\r\n animation: plasmaFlowRed 6s linear infinite;\r\n}\r\n\r\n@keyframes plasmaFlowRed {\r\n 0% { background-position: 0% 50%; }\r\n 50% { background-position: 100% 50%; }\r\n 100% { background-position: 0% 50%; }\r\n}\r\n\r\n\r\n/* ==========================================================\r\n 🔥 PARTICULAS PLASMA\r\n ========================================================== */\r\n\r\n.particles-red {\r\n position: absolute;\r\n inset: 0;\r\n pointer-events: none;\r\n z-index: 1;\r\n opacity: .45;\r\n\r\n background:\r\n radial-gradient(circle, rgba(255,0,50,0.55) 0%, transparent 60%) 12% 22px
... (código completo copiado ao clicar em Copiar)