#modal{position:fixed;z-index:9999;top:50%;left:50%;transform:translate(-50%,-50%);visibility:hidden;opacity:0;transition:all .2s}#modal.active{visibility:visible;opacity:1}#modal .modal__inner{background-color:#310909;padding:30px 50px;border-radius:10px;box-shadow:0 8px 14px #000}#modal .modal__inner .close-modal{width:30px;height:30px;right:10px;top:10px;position:absolute;cursor:pointer}#modal .modal__inner strong{font:600 22px/1.4em var(--font-heading);display:block;text-align:center;color:#fff;margin-bottom:30px}