#overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); display: flex; justify-content: center; align-items: center; z-index: 1000; } #modal { background-color: #2c2c2c; padding: 20px; text-align: center; max-width: 300px; width: 80%; border-radius: 8px; box-shadow: 0 0 10px rgba(0,0,0,0.5); } #modal p { color: #fff; margin-bottom: 20px; } button { padding: 10px 20px; margin: 5px; width: 40%; background-color: #444; color: #fff; border: none; border-radius: 4px; cursor: pointer; } button:hover { background-color: #555; }