[Botão] + Animação de Ícone
Adicione um Widget de botão no Elementor
Não precisa definir classe
Defina um ícone (como nesse exemplo usei uma arrow right)
Cole esse código no botão (Avançado/Custom CSS)
Código CSS
Copiar Código
.elementor-button{ background-image: linear-gradient(150deg, #00FF73, #68FFAC); /* Gradiente de fundo (verde) */ border: 2px solid #00FF73; /* Borda (verde) */ border-radius: 6px; /* Arredondamento */ box-shadow: 0 10px 40px -16px #00FF7380; /* Sombra verde (hex com alfa) */ transition: .5s all; /* Transição suave */ } .elementor-button:hover{ transform: translate(0, -3px); /* movimento sutil */ } .elementor-button:hover .elementor-button-icon{ animation: moveIcon 1.5s linear infinite; /* anima ícone no hover */ } .elementor-button-icon{ margin-top: 0px; /* alinhar ícone ao centro */ } @keyframes moveIcon{ 0% { transform: translateX(0); } 50% { transform: translateX(8px); } 100% { transform: translateX(0); } }