.video-card{flex-direction:column;flex-grow:1;display:flex}.video-card__image{background-color:var(--loader-base);inline-size:calc(100% - var(--gap-spacing)*2);aspect-ratio:16/9;margin-inline:auto;margin-bottom:calc(var(--gap-spacing)/2);border-radius:20px;transition:all .3s ease-in;position:relative;overflow:hidden}@media screen and (min-width:700px){.video-card__image{inline-size:100%}}.video-card__image img{inline-size:100%;height:100%}.video-card__content-type{left:50%;top:calc(var(--gap-spacing)/4);padding:calc(var(--gap-spacing)/4);background:var(--beige-200);width:fit-content;color:var(--brown-300);border-radius:8px;transition:all .2s ease-in;position:relative;transform:translate(-50%)}@media screen and (min-width:700px){.video-card__content-type{opacity:0;top:-28px}}.video-card__description{background-color:var(--beige-200);padding:var(--gap-spacing);margin:0 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{padding:calc(var(--gap-spacing)/2)var(--gap-spacing)}}.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:calc(var(--gap-spacing)/2);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__image,.video-card:hover .video-card__description{box-shadow:0 2px 4px #0000000d}.video-card:hover .video-card__content-type{top:calc(var(--gap-spacing)/4);opacity:1}.video-card:hover .video-card__arrow{color:var(--brown-400)}