.language-switcher {
    gap: 10px; /* Spazio tra le bandierine */
}

.flag-img {
    width: 30px;
    height: 30px;
    margin-right: 10px;
    transition: transform 0.2s ease, opacity 0.2s ease; /* Transizione per l'effetto */
    opacity: 0.3; /* Bandierine non selezionate più offuscate */
    transform: scale(0.8); /* Bandierine non selezionate più piccole */
}

.flag-img:hover {
    transform: scale(1.3); /* Ingrandisce leggermente al passaggio del mouse */
    opacity: 1; /* Rende la bandiera completamente visibile quando viene passata con il mouse */
}

.selected-flag {
    transform: scale(1.6); /* Ingrandisce la bandiera selezionata */
    opacity: 1; /* Bandiera selezionata completamente visibile */
}

.flag-img-small {
    width: 20px;
    height: 20px;
}