/* True/False Container (chung) trong quiz-container */
.true-false-options {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
}

.true-false-option {
    padding: 10px 20px;
    font-size: 1rem;
    width: 100px; /* Kích thước cố định cho nút */
    background: #f0f0f0;
    border: 2px solid #41c5c8;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.3s ease;
    color: #666; /* Màu chữ #666 */
    text-align: center;
}

.true-false-option:hover {
    background: #e0e0e0;
}

.true-false-option.selected {
    background: #e0f7fa; /* Hiệu ứng giống bookmark-button */
    border-color: #39c6c6;
}

.true-false-option.correct {
    border: 2px solid #FFFFFF; /* Viền #FFFFFF cho toàn bộ option khi đúng */
}

.true-false-option.correct p {
    color: #39C6C6; /* Màu chữ khi đúng */
    background: #E6FCF4; /* Màu nền khi đúng */
}

.true-false-option.incorrect {
    border: none; /* Không viền khi sai */
}

.true-false-option.incorrect p {
    color: #FD908C; /* Màu chữ khi sai */
    background: #FEF6E0; /* Màu nền khi sai */
}

/* Kết hợp selected và correct */
.true-false-option.selected.correct {
    border: 2px solid #FFFFFF; /* Viền #FFFFFF khi được chọn đúng */
}

.true-false-option.selected.correct p {
    color: #39C6C6; /* Màu chữ khi chọn đúng */
    background: #E6FCF4; /* Màu nền khi chọn đúng */
}

.true-false-submit {
    padding: 10px 30px;
    font-size: 1rem;
    background-color: #41c5c8;
    color: #666; /* Màu chữ #666 */
    border: none;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 10px;
    float: right; /* Căn lề phải */
    display: none; /* Ẩn ban đầu */
}

.true-false-submit:hover {
    background-color: #369ea1;
}