.popup{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;z-index:20;visibility:hidden;opacity:0;transition:var(--transition)}.popup::before{content:'';display:block;position:absolute;inset:0;background-color:rgba(0,0,0,.5);z-index:19}.popup:hover::before{cursor:pointer}.popup_visible{visibility:visible;opacity:1;position:fixed}.popup__container{width:683px;height:441px;border:10px solid #161025;border-radius:20px;padding:80px 74px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;background:url(/img/banners/popup-banner.webp)40%/cover no-repeat;z-index:20}.popup__title{font-weight:800;font-style:italic;color:var(--font-color-accent);font-size:2em;text-transform:uppercase;text-shadow:-8px 0 0 #fd62146e}.popup__button{padding:26px 114px;color:var(--font-color-main);background:var(--button-background-color-accent);text-transform:uppercase;border:none;font-weight:700;border-radius:10px;transform:skewX(-30deg);transition:var(--transition)}.popup__button:hover{cursor:pointer;opacity:.5}.popup__button-text{display:inline-block;transform:skewX(30deg)}@media screen and (width < 768px){.popup__container{margin:0 20px;padding:40px 38px}.popup__button{padding:13px 57px}.popup__title{font-size:1.5em}}