.modal{background-color:rgba(0,0,0,.7);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1}.modal-content{background-color:#fff;left:50%;max-width:700px;padding:20px;position:relative;top:50%;transform:translate(-50%,-50%);width:80%}.close{color:#333;cursor:pointer;font-size:30px;position:absolute;right:10px;top:10px}.open-btn{background-color:#007bff;border:none;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}