.popup{visibility:hidden;opacity:0;position:fixed;transition:0.5s;top:0;left:0;width:100%;height:100%;z-index:6;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}.show-banner .popup{visibility:visible;opacity:1}.popup-close{position:absolute;top:30px;right:30px;z-index:5;color:#000;background-color:#fff;border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;font-size:1rem;cursor:pointer;transition:0.3s}.popup-close:hover{box-shadow:0 2px 5px rgb(0 0 0 / .2)}.popup-inner{border-radius:6px;overflow:hidden;display:block;position:relative;box-shadow:0 1px 30px rgb(0 0 0 / .5);background-color:#edeae7;width:100%;max-width:680px}.popup::before{content:"";width:100%;height:100%;top:0;left:0;position:fixed;background-color:rgb(0 0 0 / .4)}