.video-card{box-sizing:border-box;--btn-background-active:transparent;border:2px solid var(--violet-20)}.video-card:before{content:"";position:absolute;inset:4rem 0 0 0;opacity:0;transform:translateY(-2rem);transition-property:transform,opacity;transition-duration:var(--duration-normal);transition-timing-function:var(--ease-in-out);background:linear-gradient(180deg,#444888,#111222)}.video-card .play{bottom:1rem;right:1rem}.video-card .content h4{line-height:120%;transition-property:transform,opacity;transition-duration:var(--duration-normal);transition-timing-function:var(--ease-in-out)}.video-card:hover .play:before,.video-card:hover:before{transform:translateY(0);opacity:1}.video-card:hover .content h4{transform:translateY(-.5rem)}@media(max-width:64rem){.video-card{min-height:256px;padding:2rem 1rem 1.5rem 1.5rem}.video-card:before{content:"";inset:0;opacity:1;transform:none;background:linear-gradient(229deg,rgba(18,17,53,0) 18.63%,rgba(18,17,53,.8) 67.42%);z-index:1}.video-card .content{z-index:2}.video-card .content-image{top:0;left:0;width:100%;height:100%;aspect-ratio:none}.video-card:hover .content h4{transform:none}}@media(max-width:48rem){.video-card{min-height:160px}}.play{background:var(--white-white-opac-16,hsla(0,0%,100%,.16));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:100%}.play:before{content:"";position:absolute;inset:-.5rem 0 0 0;opacity:0;background:linear-gradient(180deg,rgba(34,35,67,0),rgba(37,203,219,.64) 98.88%),hsla(0,0%,100%,.16);transform:translateY(.5rem);transition-property:opacity,transform;transition-duration:var(--duration-normal);transition-timing-function:var(--ease-in-out)}