.mw-popup {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.7);display: none;align-items: center;justify-content: center;z-index: 100;opacity: 0;}
.mw-popup.active {display: flex;}
body.mw-popup-active .mw-popup { opacity: 1;transition-duration: .3s;}
.mw-popup .mw-popup-content {background-color: #fff;padding: 40px;position: relative;max-width: 90vw; }
.mw-popup .mw-popup-text { overflow: auto;display: block;width: 100%;max-width: 100%;max-height: calc(90vh - 160px); }
.mw-popup .mw-popup-btn {text-align: center;padding: 15px 0 0 0;display: flex;width: 100%;position: relative;justify-content: center;border-top: 1px solid #ddd;margin-top: 10px; }
.mw-popup .mw-popup-btn a { background-color: #000;color: #fff;transition-duration: .3s;padding: 10px 20px;font-weight: bold;text-decoration: none;border:2px solid #000; }
.mw-popup .mw-popup-btn a:hover { background-color: #fff;color: #000;text-decoration: none;border:2px solid #000; }
.mw-popup .mw-popup-close { position: absolute;top: 10px;right: 10px;width: 30px;height: 30px;display: flex;align-content: center;justify-content: center;align-items: center;color: #000;border-radius: 50%;cursor: pointer;transition-duration: .3s;font-size: 24px; }
.mw-popup .mw-popup-close:hover { transform: scale(1.2);}