.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px 0}.modal-overlay .modal-content{background:#fff;padding:20px;width:400px;max-height:90vh;overflow-y:auto;border-radius:0;box-shadow:0 4px 10px rgba(0,0,0,.2);position:relative;text-align:center;border:2px solid #ddd}.modal-overlay .modal-content .close-button{background:none;cursor:pointer;color:#666;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;right:10px;border:1px solid #505ab3}.modal-overlay .modal-content .close-button:hover{background-color:rgba(80,90,179,.1294117647)}@media(max-width:480px){.modal-overlay .modal-content{width:90%}}