[Botão] Preenchendo + Glow
Adicione um Widget de botão no Elementor
Não precisa definir classe
Cole esse código no botão (Avançado/Custom CSS)
Código CSS
Copiar Código
.elementor-button-text{ z-index: 2; } .elementor-button{ width: 100%; border: none; position: relative; overflow: hidden; z-index: 1; /* sombra do botão (neumórfico leve) — ajuste se quiser mais/menos) */ box-shadow: 6px 6px 12px #AEFFD350, -6px -6px 12px #AEFFD320 !important; /* sombra do botão */ } /* Fita de cor que “entra” no hover */ .elementor-button::before{ content: ""; width: 0; /* começa fechado */ height: 100%; border-radius: 30em; /* arredondamento da fita */ position: absolute; top: 0; left: 0; /* COR DO BG NO HOVER (verde): edite aqui */ background-image: linear-gradient(to right, #00FF73 0%, #68FFAC 100%); transition: .5s ease; display: block; z-index: 0; } .elementor-button:hover::before{ width: 100%; /* cobre todo o botão no hover */ }