.recovery__title {
  color: #313131;
  text-align: center;
  font-family: var(--skai-font-family-noto-sans);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0.032px;
  margin-bottom: 48px;
}

.recovery__title--response {
  margin-bottom: 12px;
}

.recovery__title--saved {
  margin-bottom: 22px;
}

.recovery__body {
  display: flex;
  justify-content: center;
}

.recovery__control {
  margin-bottom: 24px;
}

.recovery__btn {
  margin-bottom: 12px;
}

.recovery__content {
  display: none;
  margin-top: 32px;
}

/* отобразить контент, связанный с выбранной радиокнопкой (input type="radio") */
#recovery-btn-1:checked ~ .recovery__content-1,
#recovery-btn-2:checked ~ .recovery__content-2 {
  display: block;
}

.recovery__text {
  /* width: 344px; */
  color: #313131;
  text-align: center;
  font-family: var(--skai-font-family-noto-sans);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.028px;
  margin-bottom: 48px;
}

/* ----------------- Portrait ----------------- */
@media (orientation: portrait) {
  @media only screen and (max-height: 568px) {
    .recovery__title {
      margin-bottom: 20px;
    }
  }

  @media only screen and (max-width: 480px) {
    .recovery__title {
      margin-bottom: 20px;
    }
  }
}

/* ----------------- Landscape ----------------- */
@media (orientation: landscape) {
  @media only screen and (max-width: 926px) {
    #forgotPassword .recovery__title {
      margin-bottom: 10px;
    }
  }
  @media only screen and (max-width: 896px) {
    .recovery__title {
      margin-bottom: 20px;
    }
  }
}