#cat-quiz-container {
max-width: 600px;
margin: 0 auto;
padding: 20px;
background-color: #f0f0f0;
border-radius: 10px;
}
.quiz-question {
font-size: 18px;
margin-bottom: 15px;
}
.quiz-options {
display: flex;
flex-direction: column;
gap: 10px;
}
.quiz-option {
padding: 10px;
background-color: #ffffff;
border: 1px solid #ddd;
border-radius: 5px;
cursor: pointer;
transition: background-color 0.3s;
}
.quiz-option:hover {
background-color: #e0e0e0;
}
.quiz-option.correct {
background-color: #d4edda;
border-color: #c3e6cb;
}
.quiz-option.incorrect {
background-color: #f8d7da;
border-color: #f5c6cb;
}
.quiz-next {
margin-top: 15px;
padding: 10px 20px;
background-color: #007bff;
color: #ffffff;
border: none;
border-radius: 5px;
cursor: pointer;
}
.quiz-next:hover {
background-color: #0056b3;
}