.modal{align-items:center;background:#0000007e;display:flex;height:100vh;justify-content:center;position:fixed;width:100vw;z-index:999}.modal .modal__container{background:#1a1a1a;border-radius:8px;box-shadow:0 0 10px #0000000a;position:relative;width:auto}@media (max-width:767px){.modal .modal__container{width:95%}}.modal .modal__container .modal__close{align-items:center;cursor:pointer;display:flex;font-family:Arial,Helvetica,sans-serif;height:15px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s ease-in-out;width:15px}.modal .modal__container .modal__close:hover{border-color:#fff;color:red}