.card{align-items:center;display:flex;flex-direction:column;margin:1rem;width:165px}.card-img{border-radius:4px;height:300px;-o-object-fit:cover;object-fit:cover;width:200px}.addbkm{margin:1rem;opacity:0;text-shadow:0 0 5px #000;transition:opacity .2s ease}.ybk-ctn{display:flex;justify-content:space-between;position:absolute;width:200px;z-index:99}.card:hover .addbkm{opacity:1}.card-title{color:#fff;display:-webkit-box;font-weight:600;line-height:21px;margin-top:10px;overflow:hidden;transition:color .2s ease;-webkit-box-orient:vertical;-webkit-line-clamp:2}.card-title:hover{color:var(--color-txt)}.video-date{color:#999;font-size:.875rem;margin-bottom:0}@media (max-width:1280px){.card-img{height:270px;width:180px}.ybk-ctn{margin-top:-50px;position:relative;top:60px;width:184px}}@media (max-width:960px){.card-img{height:210px;width:auto}.card{margin:1rem 1rem 1rem 0}.ybk-ctn{justify-content:end;margin-top:-50px;position:relative;top:60px;width:150px}.addbkm{opacity:1}}