#fade-popup-cover{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:10000;cursor:pointer;pointer-events:none;opacity:0;transition:opacity .3s ease-in-out}#fade-popup-cover.show{opacity:1;pointer-events:auto}#fade-popup{position:fixed;z-index:10001;background-color:#fff;width:60%;max-width:700px;min-width:480px;top:50%;left:50%;transform:translate(-50%, -45%);border-radius:15px;opacity:0;transition:opacity .3s ease-in-out,transform .3s ease-in-out;pointer-events:none}#fade-popup.show{opacity:1;transform:translate(-50%, -50%);pointer-events:auto}#fade-popup .close{position:absolute;width:30px;height:30px;top:-35px;right:0;cursor:pointer}#fade-popup .close:before,#fade-popup .close:after{position:absolute;content:"";width:2px;height:30px;background-color:#fff;top:0;bottom:0;left:0;right:0;margin:auto}#fade-popup .close:before{transform:rotate(45deg)}#fade-popup .close:after{transform:rotate(-45deg)}#fade-popup .content img{width:100%}#fade-popup .content .btn-area{display:flex;align-items:center;justify-content:center;padding:20px 0 30px}#fade-popup .content .btn{position:relative;display:flex;align-items:center;justify-content:center;width:440px;height:70px;background-color:#f23071;border-radius:8px;color:#fff;font-size:18px;font-weight:bold;box-shadow:0 4px 0 #b22455;cursor:pointer}#fade-popup .content .btn .arrow{position:absolute;width:20px;height:20px;background-color:#fff;border-radius:50%;top:0;bottom:0;right:30px;margin:auto}#fade-popup .content .btn .arrow::after{position:absolute;content:"";width:5px;height:5px;border-top:2px solid #f23071;border-right:2px solid #f23071;transform:rotate(45deg);top:0;bottom:0;left:5px;margin:auto}/*# sourceMappingURL=fade-popup.css.map */