p.href{display:none}#modal-background{display:none}button:hover{cursor:pointer}#modal-background{display:none;background-color:rgba(0,0,0,0.2);position:fixed;top:0;left:0;width:100%;height:100%;z-index:1}#modal{background-color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;padding:10px 20px;border-radius:5px;display:flex;flex-direction:column;align-items:center;box-shadow:0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22);font-size:1.5rem;animation-name:animatemodal;animation-duration:0.4s}.yes,.no{border:none;padding:7px 14px;font-size:1rem;border-radius:5px}.yes{background-color:#00ff00}.no{background-color:#ff0000}#close-btn{align-self:flex-end}#close-btn:hover{cursor:pointer;color:#ff0000}@keyframes animatemodal{from{top:-300px;opacity:0}to{top:50%;opacity:1}}