[Botão] Preenchendo do centro

Adicione um Widget de botão no Elementor

Não precisa definir classe, recomendo deixar o fundo do botão em uma cor mais escura (ou preto).

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

Código CSS

.elementor-button{
  border: 2px solid #00FF73;            /* cor da borda (verde) */
  border-radius: 34px;                   /* arredondamento */
  transition: all .3s cubic-bezier(0.23, 1, 0.320, 1);
  overflow: hidden;
  position: relative;                    /* âncora pro ::before (mantém o efeito no botão) */
}

.elementor-button::before{               /* efeito hover (onda) */
  content: '';
  position: absolute;
  inset: 0;
  margin: auto;
  width: 80px;                           /* aumente o tamanho se necessário */
  height: 80px;                          /* aumente o tamanho se necessário */
  border-radius: inherit;
  scale: 0;
  z-index: -1;
  background-color: #1B7946;            
  transition: all 1s cubic-bezier(0.23, 1, 0.320, 1);
}

.elementor-button:hover::before{
  scale: 3.3;                               /* expande no hover */
}

.elementor-button:hover{
  color: #002511;                         /* cor do texto no hover (verde bem escuro p/ contraste) */
  scale: 1.1;
  box-shadow: 0 0 20px #00FF7340;         /* brilho suave em verde */
}