/**
 * Стили попапа связи, открываемого contact-popup.js.
 * Подключать после main.css.
 */

/*
 * На сайте класс .modal переопределён второй раз в bootstrap-стиле
 * (display: none, position: fixed на весь экран) — это ломает вывод
 * попапа, который используем как обычную белую карточку ArcticModal.
 * Явно возвращаем нужное поведение через более специфичный селектор.
 */
.modal.contact-popup {
  display: block !important;
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  overflow: visible;
  z-index: auto;
}

.contact-popup__buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 15px;
  margin-top: 10px;
}

.contact-popup__btn {
  flex: 1 1 0;
  padding: 14px 20px;
  white-space: nowrap;
}

@media (max-width: 768px) {
  .contact-popup__buttons {
    flex-direction: column;
  }

  .contact-popup__btn {
    flex: 1 1 auto;
    white-space: normal;
  }
}