#overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; z-index: 1000; } #modal { background: linear-gradient(to bottom right, #fff, #ccc); border-radius: 10px; padding: 20px; text-align: center; width: 80%; max-width: 400px; } #modal p { font-size: 1.5em; margin-bottom: 20px; } #modal .buttons { display: flex; justify-content: space-between; } #modal .buttons button { flex: 1; margin: 5px; padding: 10px; font-size: 1em; border: none; border-radius: 5px; cursor: pointer; }