[Botão] Sombra box
Adicione um Widget de botão no Elementor
Defina a classe: btn
Cole esse código no botão (Avançado/Custom CSS)
Código CSS
Copiar Código
.btn{ background: #090909; /* defina a cor do BG aqui (escuro p/ contraste) */ border-radius: .5rem; /* defina o arredondamento aqui */ /* bordas “alto-relevo” em verde */ border-bottom: 2px solid #00FF73; border-right: 2px solid #00FF73; border-top: 2px solid #090909; border-left: 2px solid #090909; transition-duration: 1s; transition-property: border-top, border-left, border-bottom, border-right, box-shadow; } .btn:hover{ /* inverte o relevo e adiciona brilho */ border-top: 2px solid #00FF73; border-left: 2px solid #00FF73; border-bottom: 2px solid #68FFAC; border-right: 2px solid #68FFAC; /* cores do hover (glow em verde) */ box-shadow: rgba(0, 255, 115, 0.40) 5px 5px, rgba(0, 255, 115, 0.30) 10px 10px, rgba(0, 255, 115, 0.20) 15px 15px; }