.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.4)}.modal-content{background-color:#fefefe;margin:15% auto;padding:20px;border:1px solid #888;width:80%;max-width:600px;position:relative}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer}.modal-button{display:block;width:100%;padding:10px;margin-top:10px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.modal-button:hover{background-color:#0056b3}#openModalBtn{background-color:#28a745;color:#fff;border:none;padding:10px 20px;cursor:pointer;border-radius:4px}#openModalBtn:hover{background-color:#218838}