/* Ensure selected class overrides hover state */
button.selected {
    background-color: #4299e1; /* Blue background */
    color: white; /* White text */
    font-size: 1.125rem; /* Slightly reduce font size for selected options */
}

button.selected:hover {
    background-color: #4299e1; /* Keep same background color on hover */
}

/* Specific font size change for answer buttons (quiz options only) */
#options-container button {
    font-size: 1.125rem !important; /* Slightly reduce font size for quiz answers */
}