/* Container styling */ .mcq-container { max-width: 600px; margin: 20px auto; padding: 20px; background-color: #f9f9f9; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); } /* Question styling */ .question { font-size: 18px; font-weight: bold; margin-bottom: 15px; color: #333; } /* Option styling */ .option { margin-bottom: 10px; } .option label { display: block; padding: 10px; background-color: #fff; border: 1px solid #ddd; border-radius: 5px; cursor: pointer; transition: background-color 0.3s; } .option label:hover { background-color: #f1f1f1; } /* Styling for correct/incorrect answers (if using JS or CSS-only hacks) */ .option input:checked + label { background-color: #e0f7fa; /* Example checked color */ border-color: #00bcd4; } /* Button styling */ .submit-btn { background-color: #4CAF50; /* Green */ color: white; padding: 10px 15px; border: none; border-radius: 5px; cursor: pointer; margin-top: 15px; } .submit-btn:hover { background-color: #45a049; }