.quiz_item-h-pill-wrap {
    padding: 1.125rem 2.5rem;
}


.quiz_item-wrap.is--active {
    display: flex;
}

.quiz_radio-butn-wrap input {
  display: none;
}

.quiz_radio-butn-wrap label {
  display: block;
  padding: 18px 32px;
  border: 1px solid #D9D9D6;
  border-radius: 30px;
  cursor: pointer;
  font-size: 1.25rem;
  font-weight: 500;
  transition: transform 0.3s ease,
             background-color 0.3s ease;
}

.quiz_radio-butn-wrap label:hover {
  background: #FAEA00;
  border-color: #FAEA00;
}

.quiz_radio-butn-wrap label:has(input:checked) {
  background: #FAEA00;
  border-color: #FAEA00;
  transform: rotate(-2deg);
}

.quiz_item-result-wrap.is--active {
    opacity: 1;
    pointer-events: auto;
}

.quiz_item-arrow.is--disabled {
    border-color: #D9D9D6;
    opacity: 0.5;
    pointer-events: none;
}

[quiz-result-on] {
    transition: opacity .2s;
}

[quiz-result-on].is--active {
    opacity: 0.5;
}

.quiz_join-item.is--active {
    display: flex;
}

.quiz_item-final-result.is--active {
    display: flex;
}

.quiz_item-overlay.is--active {
    opacity: 1;
}


@media screen and (min-width: 991px) {
   .quiz_radio-butn-wrap label {
        max-width: calc(50% - 0.6rem);
    } 
}

/* MOBILE */
@media screen and (max-width: 767px) {
.quiz_radio-butn-wrap label {
    font-size: 1.06rem;
}
.quiz_item-h-pill-wrap {
    padding: 0.8125 1.25rem;
}
}