/* Фикс квиза "Укажите параметры КПП":
   1) варианты ответа выглядят как кликабельные кнопки;
   2) список прокручивается внутри своего окна и не наезжает на кнопку "Далее";
   3) кнопки "Далее"/"Отправить" и "Назад" поменяны местами (Далее — слева,
      Назад — справа) и цветами (Далее — тёмная, Назад — жёлтая);
   4) у кнопки "Назад" убран хрупкий декоративный слой (чёрная стрелка отдельным
      блоком), из-за которого текст "съезжал" вниз — теперь это обычная кнопка,
      как и "Далее", без рисков разъехаться. */

.quiz-section .current-step__container {
  min-height: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding-right: 6px;
}

.quiz-section .current-step {
  overflow: hidden;
}

/* --- Кнопка "Назад": убираем декоративный фон-стрелку, делаем обычной кнопкой --- */
.quiz-section .current-step__controlls .button-background {
  display: none;
}

.quiz-section .current-step__controlls .figure-wrapper {
  width: auto;
  height: auto;
  position: static;
}

.quiz-section .current-step__controlls button.figure {
  position: static;
  width: 100%;
  max-width: 485px;
}

/* --- Меняем местами порядок (Далее/Отправить — слева, Назад — справа) --- */
.quiz-section .current-step__controlls [data-direction="prev"] {
  order: 2;
}

.quiz-section .current-step__controlls [data-direction="next"],
.quiz-section .current-step__controlls input[type="submit"] {
  order: 1;
}

/* --- Меняем местами цвета: Далее/Отправить — тёмная, Назад — жёлтая --- */
.quiz-section .current-step__controlls [data-direction="next"],
.quiz-section .current-step__controlls input[type="submit"] {
  background-color: #1a1a1a !important;
  color: #ffffff !important;
}

.quiz-section .current-step__controlls [data-direction="prev"] {
  background-color: #ffcb05 !important;
  color: #000000 !important;
}

.quiz-section .form__radio-btn {
  width: 100%;
}

.quiz-section .form__radio-btn label {
  display: block;
  width: 100%;
  border: 1px solid #d9d9d9 !important;
  border-radius: 4px;
  padding: 10px 14px !important;
  background-color: #ffffff;
  transition: background-color .15s ease, border-color .15s ease;
}

.quiz-section .form__radio-btn label:hover {
  border-color: #424653 !important;
  background-color: #f5f5f5;
}

.quiz-section .form__radio-btn input[type="radio"]:checked + label {
  background-color: rgb(255, 203, 5);
  border-color: rgb(255, 203, 5) !important;
  font-weight: 600;
}