[Botão] Brilho Hover

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

.btn{
  border-radius: 50px; /* defina o arredondamento */
  transition: transform 50ms ease;
  background: linear-gradient(90deg, #00FF73, #68FFAC, #00FF73, #68FFAC); /* defina as cores do BG aqui */
  background-size: 400%;
  overflow: visible;
  transition: box-shadow, 0.4s; /* mantém igual ao original */
}

.btn:hover{
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 255, 115, 0.9); /* cor do efeito no hover */
          box-shadow: 0px 0px 35px 0px rgba(0, 255, 115, 0.6); /* cor do efeito no hover */
  animation: animate 8s ease infinite; /* mantém a primeira linha (como no original) */
  transform: scale(1.05, 1.05);
  animation: animate 7s cubic-bezier(0.75, 0.75, 0.75, 0.75) infinite; /* última linha prevalece, igual ao original */
}

.btn:hover:before{
  /* se existir ::before no HTML/CSS, aplica blur/brilho no hover */
  filter: blur(20px); /* tamanho do desfoque */
  opacity: 1;
  animation: animate 8s linear infinite;
}

@keyframes animate{
  0%   { background-position: 0%; }
  100% { background-position: 400%; }
}

/* mantenha se você usava esse seletor auxiliar */
selector{
  overflow: visible;
}