.custom-button-animated .elementor-button {     /* bordo grigio di base */
  transition: border-color 0.25s ease;
}

.custom-button-animated .elementor-button-content-wrapper {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.btn-line line {
  stroke: #ccc; /* linea grigia base */
  opacity: 1;
  transition: stroke 0.25s ease;
}

.btn-line .btn-arrow {
  stroke: #000;
  opacity: 0;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.25s ease, opacity 0.25s ease;
}

/* testo bottone */
.custom-button-animated .elementor-button-text {
  transition: transform 0.25s ease; /* aggiungo transizione */
}

/* HOVER */
.custom-button-animated a:hover .elementor-button {
  border-color: #000 !important; /* bordo diventa nero */
}

.custom-button-animated a:hover .btn-line line {
  stroke: #000; /* linea nera */
}

.custom-button-animated a:hover .btn-line .btn-arrow {
  opacity: 1;
  transform: scaleX(1);
}

/* testo si sposta un po' a destra */
.custom-button-animated a:hover .elementor-button-text {
  transform: translateX(5.5px); /* spostamento di 5.5px, regolalo a piacere */
}

.custom-button-animated:hover a.elementor-button.elementor-button-link {
  border-color: black !important;
}