.modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;padding:20px;border-radius:8px;max-width:400px;width:90%;text-align:center;box-shadow:0 4px 10px rgba(0,0,0,.2)}#closeModalBtn{margin-top:15px;padding:8px 16px;cursor:pointer;background-color:var(--color-btn-hover);color:#fff;border:none;border-radius:7px;transition:background-color .3s}#closeModalBtn:hover{background-color:rgba(0,102,153,.8)}