/* CSS definitivo per il pulsante con bordo sfumato */
.w-btn.us-btn-style_2,
.w-btn.us-btn-style_2:hover {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;

  /* --- IL METODO INFALLIBILE --- */
  border: 2px solid transparent; /* 1. Creiamo lo spazio fisico per il bordo */

  background-image:
	linear-gradient(#FFFFFF, #FFFFFF), /* 2. Sfondo SUPERIORE: tutto bianco */
	linear-gradient(135deg,
	  rgba(16, 24, 40, 0.1) 0%,
	  #ffffff 25%,
	  #606673 50%,
	  #ffffff 75%,
	  rgba(16, 24, 40, 0.7) 100%
	)!important; /* 3. Sfondo INFERIORE: il tuo gradiente */

  /* 4. Diciamo agli sfondi dove devono iniziare e finire */
  background-origin: border-box!important;
  background-clip: padding-box, border-box!important;

  /* 5. Setup animazione: il gradiente e' piu' largo del bordo,
        cosi' spostando la position sembra che la sfumatura scorra */
  background-size: auto, 220% 220% !important;
  background-position: 0 0, 0% 0% !important;
  transition: background-position 0.8s ease;
}

.w-btn.us-btn-style_2:hover {
  background-position: 0 0, 100% 100% !important;
}