.modal-popup{position:fixed;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%, -50%);background-color:rgba(0,0,0,.2);visibility:hidden;opacity:0;z-index:1000;transition:.2s}.modal-popup.active{visibility:visible;opacity:1}.modal-popup .modal-popup__inner{position:relative;width:100%;max-width:90%;height:400px;background-color:#fff;border-radius:10px;top:50%;left:50%;transform:translate(-50%, -50%)}.modal-popup .modal-popup__inner h2{padding:30px 0 20px 20px;font-size:20px;width:90%}.modal-popup .modal-popup__inner button.close-btn{border:1px solid #ccc;position:absolute;right:15px;top:30px}