.movies-wrap{display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;gap:20px}.movies-wrap .movie{width:calc(50% - 10px)}.movies-wrap .movie-modal a{border:5px solid #fff;border-radius:20px;display:block;overflow:hidden;position:relative}.movies-wrap .movie-modal a:before{color:#fff;content:"";display:block;font-family:Material Symbols Outlined;font-size:100px;font-variation-settings:"FILL" 0,"wght" 100,"GRAD" 0,"opsz" 48;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:.3s ease-out;transition:.3s ease-out;z-index:3}.movies-wrap .movie-modal a:after{background-color:#5f3032cc;content:"";display:block;height:100%;left:0;opacity:0;position:absolute;top:0;-webkit-transition:.3s ease-out;transition:.3s ease-out;width:100%;z-index:2}.movies-wrap .movie-modal a:hover:before{-webkit-transform:translate(-50%,-50%) scale(1.25);-ms-transform:translate(-50%,-50%) scale(1.25);transform:translate(-50%,-50%) scale(1.25)}.movies-wrap .movie-modal a:hover:after{opacity:1}.movies-wrap .movie-title{font-size:clamp(1.7rem,1.6545454545rem + .1212121212vw,1.8rem);font-weight:700;margin-top:7px;text-align:center}@media only screen and (max-width:768px){.movies-wrap .movie{width:100%}}