.quiz-container {
    background: #fff;
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    width: 600px;
    max-width: 100%;
    min-height: 370px;
}
    .progress {
      margin-bottom: 15px;
      text-align: center;
      font-size: 16px;
      color: #555;
    }
    .question {
      font-size: 18px;
      margin-bottom: 10px;
      font-weight: bold;
      color: #333;
    }
    .options {
      margin-bottom: 20px;
    }
    .options label {
      display: block;
      margin: 6px 0;
      cursor: pointer;
      transition: all 0.2s ease;
      background: #fff;
    }
	.options label>span {
		display: block;
		padding: 8px 12px;
		border: 1px solid #ccc;
		border-radius: 8px;
	}
    .options input { 
      display: none; 
    }
    .options input:checked + span {
      background: #d1e7dd; /* Màu nền khi đáp án được chọn */
      border-color: #0f5132; /* Màu viền khi đáp án được chọn */
      color: #0f5132; /* Màu chữ khi đáp án được chọn */
    }
    .options label:hover { 
      background: #eef2ff; /* Màu nền khi hover */
      border-color: #4a67ff; /* Màu viền khi hover */
    }
	.game-container-wp button.btn.btn-quiz{
		background: #333333;
		color: #ffffff;
		padding: 10px 18px;
		border: none;
		border-radius: 8px;
		cursor: pointer;
		display: block;
		margin: 0 auto;
		transition: 0.2s;
		 border-radius: 10px;
    font-weight: bold;
	}
    .btn:hover {
      background: #3b52cc;
    }
    #result {
      font-size: 20px;
      font-weight: bold;
      text-align: center;
      margin-top: 20px;
      display: none;
    }
    #restart {
      display: none;
      margin-top: 10px;
    }