[Botão] Brilho animado

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

.elementor-button{
  position: relative;                 /* necessário para o ::before */
  width: fit-content !important;      /* ajusta à largura do conteúdo */
  overflow: hidden;                   /* evita o brilho “vazar” */
}

.elementor-button:hover::before{
  animation: brilho .8s linear;       /* tempo do “feixe” */
}

.elementor-button::before{
  content: "";
  position: absolute; top: 0; left: 0;
  height: 100%;
  opacity: 0;
  transform: skewX(-30deg);
  mix-blend-mode: plus-lighter;

  /* feixe + halo em verde */
  background: #00FF73;                /* feixe principal */
  box-shadow: 0 0 30px 20px #68FFACAA;/* halo (ajuste opacidade se quiser) */
}

@keyframes brilho{
  0%   { opacity: 0; left: 0%; }
  50%  { opacity: 1;           }
  100% { opacity: 0; left: 100%; }
}