[Botão] Seta redonda + Giro

Adicione um Widget de botão no Elementor

Defina a classe: btn

Coloque um Icone ao botão de Arrow (Seta) para direita, exemplo:

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

Código CSS

/* mesmos seletores, só troquei .bth → .btn e mantive o fix do rotate() */
.btn .elementor-button{
  padding: 0.4rem 0.4rem 0.4rem 2rem !important;
  border-radius: 55px !important;
  background: linear-gradient(92deg, #00FF73 -3.01%, #68FFAC 95.31%) !important; /* Gradiente do BG (verde) */
}

.btn .elementor-button-text{
  align-self: center;
}

.btn .elementor-button-icon{
  font-size: 19px !important;
  padding: 10px;
  margin-left: 10px;
  background: #000704; /* cor da bola do icon */
  border-radius: 200px;
  color: #00FF73 !important;
  vertical-align: middle;
  transform: rotate(-45deg);  /* rotação inicial */
  transition: 0.5s ease all;
}

.btn .elementor-button-icon svg path{
  transform: rotate(0deg);
  fill: #000000 !important;
  color: #000000 !important;
  transition: 0.7s ease all;
}

.btn:hover .elementor-button-icon{
  transform: rotate(0deg);    /* “desvira” no hover */
}