#overlay {z-index: 211111; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); display: flex; align-items: center; justify-content: center; } #modal { background: linear-gradient(to right, #ff7e5f, #feb47b); width: 90%; max-width: 400px; padding: 20px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); text-align: center; } .buttons { display: flex; gap: 10px; margin-top: 20px; } button { flex: 1; padding: 10px 0; border: none; background-color: #fff; cursor: pointer; font-size: 16px; }