[Botão] Preenchendo do centro
Adicione um Widget de botão no Elementor
Não precisa definir classe, recomendo deixar o fundo do botão em uma cor mais escura (ou preto).
Cole esse código no botão (Avançado/Custom CSS)
Código CSS
Copiar Código
.elementor-button{ border: 2px solid #00FF73; /* cor da borda (verde) */ border-radius: 34px; /* arredondamento */ transition: all .3s cubic-bezier(0.23, 1, 0.320, 1); overflow: hidden; position: relative; /* âncora pro ::before (mantém o efeito no botão) */ } .elementor-button::before{ /* efeito hover (onda) */ content: ''; position: absolute; inset: 0; margin: auto; width: 80px; /* aumente o tamanho se necessário */ height: 80px; /* aumente o tamanho se necessário */ border-radius: inherit; scale: 0; z-index: -1; background-color: #1B7946; transition: all 1s cubic-bezier(0.23, 1, 0.320, 1); } .elementor-button:hover::before{ scale: 3.3; /* expande no hover */ } .elementor-button:hover{ color: #002511; /* cor do texto no hover (verde bem escuro p/ contraste) */ scale: 1.1; box-shadow: 0 0 20px #00FF7340; /* brilho suave em verde */ }