#overlay { position: fixed;z-index: 101; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); display: flex; justify-content: center; align-items: center; } #modal { background-color: #333; color: #fff; padding: 20px; border-radius: 5px; text-align: center; width: 80%; max-width: 400px; } #modal .buttons { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 20px; } #modal button { flex: 1 1 45%; padding: 10px; border: none; border-radius: 5px; background-color: #555; color: #fff; cursor: pointer; transition: background-color 0.3s; } #modal button:hover { background-color: #777; }