[Botão] Pulsar Hover

Adicione um Widget de botão no Elementor

Defina a Classe no botão : button

Cole esse código no botão (Avançado/Custom CSS)

Código CSS

/* - Cores do BG: mude no linear-gradient abaixo (#00FF73 → #84FFBC)
   - Arredondamento: ajuste o border-radius
   - Tempo da animação: mude o "2s" nas declarações de animation
*/
.button .elementor-button{
  background: linear-gradient(30deg, #00FF73, #68FFAC); /* defina as cores do BG aqui */
  border-radius: 20px;                                   /* defina o arredondamento aqui */
  background-size: 100% auto;
}

/* Hover: desloca o gradiente e aplica pulsação */
.button:hover .elementor-button{
  background-position: right center;
  background-size: 200% auto;
  -webkit-animation: pulse512 2s infinite; /* defina o tempo da animação */
          animation: pulse512 2s infinite; /* defina o tempo da animação */
}

/* Efeito de “pulso” (aura) em verde */
@keyframes pulse512 {
  0% {
    box-shadow: 0 0 0 0 #00FF7380; /* verde com ~50% de opacidade */
  }
  70% {
    box-shadow: 0 0 0 20px #00000000; /* desaparece (transparente) */
  }
  100% {
    box-shadow: 0 0 0 0 #00000000;    /* volta ao inicial (transparente) */
  }
}