.player-container {
    max-width: 300px;
    margin: auto;
    text-align: center;
    /* border: 1px solid #ddd; */
    padding: 20px;
    /* border-radius: 8px; */
    /* box-shadow: inset -1px -1px 12px 3px rgb(15 156 225 / 51%); */
}

.player-container audio {
    background-color: #0f9be0;  /* Cambia colore di sfondo (funziona solo in alcuni browser) */
    color: #fff;             /* Cambia colore del testo */
    border-radius: 8px;
    width: 100%;             /* Fa sì che il player si adatti al contenitore */
    height: 40px;            /* Imposta un'altezza per il player */
}

.song {
    color: #0000FF;           /* Colore del testo */
    font-size: 125%;          /* Grandezza del font */
    font-style: italic;       /* Stile corsivo */
    animation: blink 2s step-start infinite; /* Effetto lampeggiante */
}

/* Definizione dell'animazione lampeggiante */
@keyframes blink {
    50% {
        opacity: 0;           /* Il testo diventa invisibile al 50% dell'animazione */
    }
}

.cover {
    width: 150%;
    max-width: 150px;
    height: auto;
    margin-bottom: 10px;
}

h3, label {
    margin: 10px 0;
    font-size: 1.2em;
}

/* Nuove regole CSS per la visualizzazione orizzontale dei player */
.players-wrapper {
    overflow: hidden; /* Nasconde il resto */
    width: 100%; /* Adatta alla larghezza del contenitore */
	background-color: #d9e5ef;
}

.player-item {
    min-width: 300px; /* Larghezza minima per ciascun player */
    margin: 0 10px; /* Margine per separare i player */
    text-align: center; /* Centra il contenuto */
}

button {
    cursor: pointer;
    padding: 10px;
    /* margin: 5px; */
    font-size: 16px;
}