.open-modal-btn{background-color:#007bff;border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s}.open-modal-btn:hover{background-color:#0056b3}.modal{align-items:center;background:rgba(0,0,0,.7);display:none;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:#fff;border-radius:8px;padding:20px;position:relative;text-align:center;width:80%;width:clamp(300px,80vw,900px)}.close{color:#333;cursor:pointer;font-size:24px;position:absolute;right:15px;top:10px}.close:hover{color:#007bff}.open-modal-btn{background-color:#3cb4e5;color:#fff;font-size:18px;font-weight:800;letter-spacing:1px;width:50%}.centerbutton{margin:0 auto;padding-top:70px;text-align:center}div#modal{z-index:9999999}