.site-popup-overlay { position: fixed; inset: 0; z-index: 99999;
display: flex;
align-items: center;
justify-content: center;

padding: 20px;
box-sizing: border-box;

background: rgba(0, 0, 0, 0.45);

opacity: 0;
visibility: hidden;

transition:
    opacity 0.2s ease,
    visibility 0.2s ease;
}
.site-popup-overlay.is-visible { opacity: 1; visibility: visible; }
.site-popup { position: relative;
width: min(900px, 100%);
line-height: 0;

transform: scale(0.97);
transition: transform 0.2s ease;
}
.site-popup-overlay.is-visible .site-popup { transform: scale(1); }
.site-popup picture { display: block; }
.site-popup__image { display: block; width: 100%; height: auto; }
/* Крестик */
.site-popup__close { position: absolute;
top: 4%;
right: 2%;

width: 7%;
aspect-ratio: 1;

padding: 0;
border: 0;

background: transparent;
cursor: pointer;
}
/* Кнопка Got it */
.site-popup__got-it { position: absolute;
left: 4.4%;
bottom: 9.8%;

width: 30%;
height: 12.7%;

padding: 0;
border: 0;

background: transparent;
cursor: pointer;
}
/* MOBILE */
@media (max-width: 700px) {
.site-popup-overlay {
    padding: 12px;
}

.site-popup {
    width: min(350px, 100%);
}

.site-popup__close {
    top: 2%;
    right: 3%;

    width: 13%;
}

.site-popup__got-it {
    left: 5.7%;
    bottom: 4%;

    width: 88.6%;
    height: 10.5%;
}
}