.popup--default {
  backdrop-filter: blur(6px);
  background-color: rgba(0,0,0,.5);
}
.popup--default .popup__container {
  width: 100%;
  max-width: 76%;
  height: 100%;
  max-height: 81%;
  position: initial;

  @media screen and (max-width: 1400px) {
    max-height: 90%;
    max-width: 85%;
  }

  @media screen and (max-width: 1200px) {
    max-height: 90%;
    max-width: 90%;
  }

  @media screen and (max-width: 991px) {
    padding: 10px;
    transform: translateY(-10%);
    max-width: calc(100vw - 24px);
    max-height: calc(100vh - 200px);
  }
}
.popup--default .popup__close {
  background-color: var(--primary-accent);
}
.popup--default .popup__close:hover {
  background-color: var(--primary-accent2);
}
.popup--default .popup__close path {
  fill: var(--primary-color);
}
.popup--default .popup__close:hover path {
  fill: var(--primary-accent);
}