.modal{backdrop-filter:blur(5px);background-color:rgba(0,0,0,.7);display:none;height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease-in-out;width:100%;z-index:10}.modal-content{background-color:#fff;border-radius:12px;box-shadow:0 8px 16px rgba(0,0,0,.3);margin:10% auto;max-width:90%;padding:15px;position:relative;transform:scale(.8);transition:transform .3s ease-in-out;width:580px}.close{color:#666;cursor:pointer;font-size:24px;font-weight:700;position:absolute;right:15px;top:10px;transition:color .2s ease-in-out}.close:hover{color:#000}iframe{border-radius:10px;height:315px;width:100%}