.popup{display:none;position:fixed;z-index:9999;padding:2rem;background:rgba(0,0,0,.7);inset:0}.popup.is-active{display:block}.popup__banner{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:80%;max-width:400px}.popup__close{position:absolute;top:-20px;right:-20px}.popup__close-button{display:block;width:50px;height:50px;margin-left:auto;border-radius:50%;background:#9c9c9c;cursor:pointer}.popup__close-button-line{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%) rotate(-45deg);transform:translate(-50%) rotate(-45deg);width:50%;height:2px;background:var(--color-white);transition:all .4s}.popup__close-button-line:nth-of-type(2){-webkit-transform:translate(-50%) rotate(45deg);transform:translate(-50%) rotate(45deg)}