#job-options label {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(8px, 1.5vw, 16px) clamp(12px, 3vw, 24px);
  border: 2px solid #ccc;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: clamp(14px, 1.2vw, 18px);
}

#job-options input[type="radio"] {
  display: none;
}

#job-options label:hover {
  border-color: #007BFF;
  background-color: #f0f8ff;
}

#job-options input[type="radio"]:checked + label {
  border-color: #007BFF;
  background-color: #e0f0ff;
  font-weight: bold;
  color: #007BFF;
}