.popup{background-color:#000000b3;height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .5s;width:100%;z-index:10}.popup__close{color:#fff;float:right;font-size:35px;font-weight:600;line-height:1;position:absolute;right:7px;top:0;transition:color .3s ease}.popup__close:hover{color:#4dc1ef;cursor:pointer;text-decoration:none}.popup__close:focus{color:#000;cursor:pointer;text-decoration:none}.popup__wrapper{background-color:#fefefe;left:50%;max-width:600px;position:fixed;top:55%;transform:translate(-50%,-50%);width:80%}.popup__media{margin-bottom:0}.popup__content{padding:25px}