#overlay {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;z-index: 101231200;}#modal {background: #333;color: #fff;padding: 20px;border-radius: 5px;text-align: center;width: 80%;max-width: 400px;}#modal p {margin-bottom: 20px;font-size: 18px;}#modal .buttons {display: flex;flex-direction: column;}#modal .buttons button {padding: 10px;font-size: 16px;background: #555;color: #fff;border: none;border-radius: 5px;margin-top: 10px;cursor: pointer;flex-grow: 1;}#modal .buttons button:first-child {margin-right: 0;}.buttons {flex-direction: row;}@media (min-width: 480px) {.buttons {flex-direction: row;}}