Btn-13
Elementor JSON
{
"type": "elementor",
"siteurl": "https://packlp.com/wp-json/",
"elements": [
{
"id": "1a9b88c",
"elType": "widget",
"isInner": false,
"isLocked": false,
"settings": {
"html": "<div class=\"button-wrapper\">\n <a href=\"#SEU LINK AQUI\" class=\"button\">GARANTIR MINHA VAGA!</a>\n</div>",
"custom_css": "/* KEYFRAMES E ESTILO DO BOTÃO EXISTENTE */\r\n@keyframes floating {\r\n 0%, 100% {\r\n transform: translateY(0);\r\n }\r\n 50% {\r\n transform: translateY(-5px);\r\n }\r\n}\r\n\r\n@keyframes particles {\r\n 0% {\r\n transform: translateZ(0, 0);\r\n opacity: 1;\r\n }\r\n 100% {\r\n transform: translate(190px, 50px); /* Ajuste conforme o efeito desejado */\r\n opacity: 0;\r\n }\r\n}\r\n\r\n.button {\r\n position: relative;\r\n background: rgba(57, 57, 57, 0.7); /* Fundo cinza semi-transparente */\r\n display: inline-block; /* Crucial para ser centralizável por text-align */\r\n background-size: 200% auto;\r\n border: 1px solid;\r\n border-color: #FFB900; /* Defina a cor da borda aqui se não quiser transparente */\r\n border-radius: 25px;\r\n color: white;\r\n padding: 15px 30px; /* Ajuste o padding para um botão de CTA */\r\n font-size: 20px; /* Tamanho da fonte para destaque */\r\n text-transform: uppercase;\r\n text-decoration: none; /* Remover sublinhado de links */\r\n box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);\r\n animation: floating 3s ease-in-out infinite;\r\n transition: color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;\r\n cursor: pointer; /* Indica que é clicável */\r\n}\r\n\r\n.button::before {\r\n content: \"\";\r\n position: absolute;\r\n top: -5px;\r\n left: -5px;\r\n right: -5px;\r\n bottom: -5px;\r\n border-radius: 30px;\r\n box-shadow: 0 0 20px #FF7730;\r\n opacity: 0;\r\n pointer-events: none;\r\n transition: opacity 0.3s ease;\r\n width: 5px; /* Estas propriedades width/height e background #FF7730 parecem ser para as partícul
... (código completo copiado ao clicar em Copiar)