.highlight-underline {
  text-decoration: none;
  box-shadow: inset 0 -5px 0 0 #FFCC00; /* Cambia il colore qui */
  color: inherit;
  padding-bottom: 2px;
}

.bg-custom-gradient {
    background: #0c1059; /* Fallback per vecchi browser */
    background: -webkit-linear-gradient(to left, #0c1059, #68ba80); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #0c1059, #68ba80); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    
    /* Opzionale: Rende il testo bianco per leggibilità */
    color: #ffffff; 
}

.scroll-underline {
  background-image: linear-gradient(120deg, #FFCC00 0%, #FFCC00 100%); /* Colore giallo*/
  background-repeat: no-repeat;
  background-size: 0% 10px; /* Larghezza 0%, Altezza 3px */
  background-position: 0 100%; /* Posizionato in basso a sinistra */
  padding-bottom: 2px; /* Spazio tra testo e riga */
  
  /* Velocità del disegno: 1 secondo */
  transition: background-size 1s ease-out; 
}
.scroll-underline.visible {
  background-size: 100% 10px; /* La larghezza diventa 100% */
}