warpBtn-5
Elementor JSON
{"type":"elementor","siteurl":"https://hpromo.shop/wp-json/","elements":[{"id":"6e13d40","elType":"widget","isInner":false,"isLocked":false,"settings":{"text":"ULTIMOS DIAS <span class=\"valor\">Acesso Anual por Apenas <b>12X R$00,00</b></span>","align":"center","button_text_color":"#FFFFFF","hover_animation":"grow","border_radius":{"unit":"px","top":"10","right":"10","bottom":"10","left":"10","isLinked":true},"text_padding":{"unit":"px","top":"20","right":"40","bottom":"20","left":"40","isLinked":false},"_element_width":"initial","_element_custom_width":{"unit":"px","size":550,"sizes":[]},"_flex_align_self":"center","custom_css":"/* BOTÃO GLASS ESCURO COM BORDA ROXA */\r\nselector .elementor-button {\r\n animation: textura 3.4s cubic-bezier(0.2, 0.5, 0.9, 0.6) 2s infinite normal none running;\r\n background: rgba(0, 0, 0, 0.25); /* Glass escuro */\r\n backdrop-filter: blur(10px); /* Efeito vidro */\r\n border: 1px solid rgba(142, 45, 226, 0.6); /* Borda roxa igual do valor */\r\n position: relative;\r\n z-index: 1;\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n/* ANIMAÇÃO DO GRADIENTE EM MOVIMENTO */\r\n@keyframes textura {\r\n 0% {\r\n background-position: 0 0;\r\n }\r\n 100% {\r\n background-position: 100% 0;\r\n }\r\n}\r\n\r\n/* CAMADA COM GRADIENTE ROXO PARA EFEITO */\r\n.btn .elementor-button::after {\r\n content: \"\";\r\n position: absolute;\r\n transform: translate(-50%, -50%);\r\n top: 50%;\r\n left: 50%;\r\n width: 100%;\r\n height: 100%;\r\n border-radius: 4.739px;\r\n z-index: -1; /* Fica atrás do conteúdo */\r\n animation: textura 2s ease infinite;\r\n background-image: linear-gradient(258deg, #8e2de2, #4a00e0, #8e2de2, #4a00e0);\r\n background-size: 400% 200%;\r\n opacity: 0.3; /* Bem suave para não competir com o glass */\r\n}\r\n\r\n/* CONTEÚDO DO BOTÃO ACIMA DA CAMADA */\r\n.btn .elementor-button span {\r\n z-index: 4;\r\n position: relative;\r\
... (código completo copiado ao clicar em Copiar)