.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;padding:20px;border-radius:8px;width:300px;max-width:90%;box-shadow:0 4px 8px rgba(0,0,0,.1)}.close-button{position:absolute;top:10px;right:10px;font-size:20px;background:none;border:none;color:#333;cursor:pointer}