/* ==================== AUDIO ==================== */

/* Stile base per tutti i pulsanti audio */
.audio-button {
  background: transparent;
  border: none;
  color: #333;
  font-size: 1.2rem;
  transition: all 0.2s ease;
  cursor: pointer;
}

/* Effetto hover */
.audio-button:hover {
    color: #5a716a; /* cambia colore (quello del titolo) al passaggio del mouse */
    transform: scale(1.1); /* aumenta dimensione al passaggio del mouse */
}

/* Responsive per schermi piccoli */
@media (max-width: 810px) {
    .audio-button {
        font-size: 1rem;
        padding: 6px;
        margin-left: 8px;
        margin-right: 8px;
    }

    .section-title-right .audio-button,
    .section-title-left .audio-button {
        margin-left: 8px;
        margin-right: 8px;
    }
}

@media (max-width: 768px) {
    .audio-button {
        font-size: 1rem;
        padding: 3px;
        margin-left: 4px;
        margin-right: 4px;
    }

    .section-title-right .audio-button,
    .section-title-left .audio-button {
        margin-left: 4px;
        margin-right: 4px;
    }
}

@media (max-width: 430px) {
    .audio-button {
        font-size: 1rem;
        padding: 3px;
        margin-left: 4px;
        margin-right: 4px;
    }

    .section-title-right .audio-button,
    .section-title-left .audio-button {
        margin-left: 4px;
        margin-right: 4px;
    }
}