.video-card{border-radius:24px;flex-direction:column;flex-grow:1;display:flex}.video-card__image{background-color:var(--loader-base);aspect-ratio:16/9;inline-size:100%;margin-inline:auto;margin-bottom:calc(var(--gap-spacing)/4);border-radius:20px;transition:all .3s ease-in;position:relative;overflow:hidden}.video-card__image img{inline-size:100%;height:100%}.video-card__description{padding:calc(var(--gap-spacing)/2);border-radius:20px;flex-direction:column;flex-grow:1;gap:4px;transition:all .3s ease-in;display:flex;position:relative}@media screen and (min-width:700px){.video-card__description{inline-size:auto;padding:calc(var(--gap-spacing)/4)}}.video-card__description h4{text-align:start;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;font-size:clamp(1rem,.231vw + .94rem,1.125rem);display:-webkit-box;overflow:hidden}.video-card__description p{margin:0 calc(var(--gap-spacing)/2)0 0;text-align:left;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.video-card__arrow{right:0;bottom:calc(var(--gap-spacing)/2);color:var(--brown-200);transition:all .3s ease-in-out;position:absolute;transform:scale(1)}.video-card:focus-visible{outline:none}.video-card:hover .video-card__arrow{color:var(--brown-400)}