.cinema-card{background:#fff;border:1px solid #e4e7ec;border-radius:12px;transition:all .3s}.cinema-card:hover{border:1px solid var(--color-header-primary-color);box-shadow:0 4px 14px #185adb2e}.cinema-card:hover>a>figure:after{opacity:1}.cinema-card:hover>a>figure>.icon{scale:1}.cinema-card>a{flex-direction:column;gap:14px;display:flex}.cinema-card>a>figure{justify-content:center;align-items:center;width:100%;margin:0;padding:8px;display:flex;position:relative;overflow:hidden}.cinema-card>a>figure>div.icon{-webkit-backdrop-filter:blur(15.5px);backdrop-filter:blur(15.5px);z-index:10;background:#ffffff4d;border-radius:40px;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s;display:flex;position:absolute;scale:0}.cinema-card>a>figure>div.icon>i{color:#fff;font-size:32px}.cinema-card>a>figure:after{content:"";pointer-events:none;opacity:0;background:linear-gradient(#05090d66,#05090d66);border-radius:12px;transition:all .3s;position:absolute;inset:8px}.cinema-card>a>figure>img{object-fit:cover;border-radius:8px;width:100%;height:160px;min-height:160px}.cinema-card>a>div>h2{color:#344054;text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 12px;font-size:16px;font-weight:800;display:-webkit-box;overflow:hidden}@media (max-width:767px){.cinema-card>a>div>h2{margin:0 8px 4px;font-size:14px;line-height:26px}}.cinema-card>a>div .more-link{color:#185adb;justify-content:center;align-items:center;gap:8px;margin-top:24px;margin-bottom:20px;font-size:14px;font-weight:700;display:flex}.cinema-card>a>div .more-link>span{border:1px solid #185adb;border-radius:24px;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.loading-cinema-card{border:1px solid #e4e7ec;border-radius:12px;padding:8px}.loading-cinema-card .loading-cinema-card-image{border-radius:8px;width:100%;height:160px}.loading-cinema-card .loading-cinema-card-description{flex-direction:column;align-items:center;gap:24px;margin-top:24px;display:flex}.loading-cinema-card .loading-cinema-card-description>.loading-cinema-card-title{border-radius:4px;width:40%;height:24px}.loading-cinema-card .loading-cinema-card-description>.loading-cinema-card-btn{border-radius:8px;width:50%;height:32px}