[Botão] Futurista Matrix

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{
  width: fit-content;
  position: relative; /* ancora os pseudos ::before/::after */
  background: linear-gradient(0deg, #00FF73 0%, #68FFAC 100%); /* cor do BG aqui */
}

.btn:hover{
  background: transparent;
  box-shadow: none;
}

.btn::before,
.btn::after{
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  height: 2px;
  width: 0;
  background: #00FF73; /* cor principal da borda no hover */
  box-shadow:
    -1px -1px 5px 0px #68FFAC,   /* brilho verde claro */
     7px  7px 20px 0px #00C8FF,  /* toque ciano p/ contraste */
     4px  4px 5px  0px #00FF73;  /* verde principal */
  transition: 400ms ease all;
}

.btn::after{
  right: inherit;
  top: inherit;
  left: 0;
  bottom: 0;
}

.btn:hover::before,
.btn:hover::after{
  width: 100%;
  transition: 800ms ease all;
}