.modal-overlay{align-items:center;background:rgba(0,0,0,.5);display:none;inset:0;justify-content:center;position:fixed;z-index:9999}.modal-overlay.active{display:flex}.modal-content{background:#fff;max-width:400px;padding:2rem;position:relative;width:90%}.modal-close-button{background:none;border:none;color:#333;cursor:pointer;font-size:2rem;position:absolute;right:.5rem;top:1.2rem}.modal-close-button:hover{background-color:transparent;border:none;color:#000}.modal-button{background-color:#06c;border:none;color:#fff;cursor:pointer;padding:.75rem 1.5rem}.modal-title{font-size:1.5rem;margin-bottom:1rem}.modal-text{color:#555;font-size:1rem}