.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgb(0 0 0 / .6);overflow:auto}.modal-content{background-color:#fefefe;margin:15% auto;padding:20px;border:1px solid #888;width:80%;max-width:500px;border-radius:8px;box-shadow:0 4px 8px rgb(0 0 0 / .2);text-align:center}.modal-content img{max-width:100%}.close-modal{color:#aaa;float:right;font-size:28px;font-weight:700;cursor:pointer}.close-modal:hover{color:#000}.modal-btn{background-color:#19b01e;color:#fff;border:none;padding:10px 20px;margin-top:15px;border-radius:4px;cursor:pointer;font-size:16px}.modal-btn:hover{background-color:#0f8a13}.milestone-modal .modal-content{text-align:center;animation:pop-in 0.5s;max-width:400px;padding:30px;border-radius:10px}@keyframes pop-in{0%{transform:scale(.5);opacity:0}100%{transform:scale(1);opacity:1}}.milestone-modal .modal-btn{background-color:rgb(255 255 255 / .2);color:inherit;border:2px solid currentColor;padding:10px 25px;font-weight:700;margin-top:20px;transition:all 0.2s}.milestone-modal .modal-btn:hover{background-color:rgb(255 255 255 / .3);transform:scale(1.05)}