#modal{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,0.8);z-index:1000}#modalContent{background:#333;color:#fff;padding:20px;border-radius:8px;text-align:center;max-width:400px;width:80%;box-sizing:border-box}#modalContent p{margin-bottom:20px}#modalContent .buttons{display:flex;justify-content:space-between}#modalContent .buttons a{flex:1;margin:0 5px;padding:10px 0;background:#555;color:#fff;text-decoration:none;border-radius:5px;text-align:center}#modalContent .buttons a:hover{background:#777}@media(min-width:768px){#modalContent{width:50%}}