/* Force pill-style appearance for all radio button options */
.pf-option-button {
  display: inline-block !important;
  border-radius: 999px !important;
  background-color: #f2f2f2 !important;
  border: 1px solid #ccc !important;
  padding: 0.75em 1.5em !important;
  margin: 0.25em !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #333 !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* Selected state: dark background with white text */
.pf-option-button.selected,
.pf-option-button[data-selected="true"] {
  background-color: #333 !important;
  color: #fff !important;
  border-color: #333 !important;
}

/* Hide radio input element (circle) */
.pf-option-button input[type="radio"] {
  display: none !important;
}

/* Ensure horizontal layout and spacing */
.pf-radio__options {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.5em !important;
  justify-content: flex-start !important;
}

/* Optional: round question box */
.pf-question {
  border-radius: 16px !important;
  border: 1px solid #ccc !important;
  padding: 1em !important;
  width: 100% !important;
  max-width: 600px !important;
  text-align: left !important;
}