#modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); display: flex; justify-content: center; align-items: center; z-index: 1000; } #modal { background-color: #fff; padding: 20px; border-radius: 8px; width: 90%; max-width: 400px; text-align: center; box-shadow: 0 4px 8px rgba(0,0,0,0.1); } .buttons { display: flex; justify-content: space-around; margin-top: 20px; } button { flex: 1; padding: 10px; margin: 0 5px; max-width: 150px; border: none; border-radius: 4px; background-color: #e0e0e0; cursor: pointer; transition: background-color 0.3s; } button:hover { background-color: #d0d0d0; }