.link-container {
    position: relative; /* Necessario per posizionare la barra */
}

.link-container a {
    display: flex; /* Flex per allineare l'immagine e il testo */
    align-items: center; /* Centralizza verticalmente */
    text-decoration: none; /* Rimuove la sottolineatura di default */
    color: white; /* Colore del testo */
}

.link-container a img {
    margin-right: 10px; /* Distanza tra l'icona e il testo */
}

.link-container .underline {
    position: absolute;
    left: 0;
    bottom: -7px; /* Sposta la barra più in basso */
    height: 3px; /* Altezza della barra */
    width: 0; /* Inizialmente invisibile */
    background-color: #A1DDFF; /* Colore della barra */
    transition: width 0.3s ease; /* Animazione della larghezza */
}

.link-container:hover .underline {
    width: 100%; /* Espande la barra al 100% quando si passa il mouse */
}