.button-container {
    display: flex;
    gap: 1rem;
    justify-content: center;
    margin-bottom: 1rem;
}

.button-container .btn {
    background-color: var(--accent-color);
    color: var(--primary-color);
}

.btn {
    border: none;
    border-radius: 5px; /* Forme "pilule" */
    padding: 15px 20px;     /* Plus petit pour un effet "super petit" */
    cursor: pointer;
    font-size: 16px;
    transition: background-color 0.3s ease; /* Animation douce */
}

/* Couleur du bouton sélectionné (actif) */
.btn.active {
    background-color: var(--primary-color); /* Couleur "surbrillance" */
    color: var(--light-color);
}