.container {
    margin: auto;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

audio {
    align-self: center;
}

.buttons {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.bagger-checkbox {
    background-color: #d7d9dc;
}

.bagger-checkbox:has(input:checked) {
    background-color: #52a6ff;
}

.bagger-checkbox {
    padding: 0.375rem 0.75rem;
    /* Bootstrap's default padding to match button */
    border-radius: 0.375rem;
    /* Bootstrap's default border-radius to match button */
    display: flex;
    align-items: center;
    /* Ensure vertical centering of checkbox and label */
    gap: 0.5rem;

    user-select: none;
}

.question-text {
    min-height: 10rem;
    text-align: center;
}

.question-list li:hover {
    filter: brightness(0.8);
}