.blog-card{font-size:1rem;position:relative}
.blog-card__media{height:21.6em;width:100%;border-radius:1.6em;margin-bottom:1.2em;position:relative}
.blog-card__pic{display:block;width:100%;height:100%;border-radius:inherit}
.blog-card__img{width:100%;height:100%;border-radius:inherit;-o-object-fit:cover;object-fit:cover}
.blog-card__content{padding-left:.4em}
.blog-card__title{font-family:var(--ff-regular);color:var(--fg-regular);font-size:1.6em;line-height:1.25;font-weight:500;margin-bottom:.375em}
.blog-card__title-link{-webkit-transition:var(--tr);transition:var(--tr);color:inherit}
@media(any-hover:hover){
.blog-card__title-link:hover{color:var(--c-primary-hover)}
}
@media(any-hover:none){
.blog-card__title-link:active{color:var(--c-primary-hover)}
}
@media(any-hover:hover){
.blog-card__title-link:active{color:var(--c-primary-active)}
}
.blog-card__title-link::after{content:"";position:absolute;top:0;left:0;z-index:2;display:block;width:100%;height:100%}
.blog-card__desc{font-family:var(--ff-regular);font-size:1.3em;line-height:1.2;font-weight:400;color:#8b8b8b}
.blog-card__tags{position:absolute;left:1.6em;top:1.6em;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.blog-card__tag{padding:.33em .5em;font-size:1.2em;font-family:var(--ff-regular);line-height:1;font-weight:700;color:var(--fg-on);background:rgba(244,242,242,.1);backdrop-filter:blur(28.9919834137px);border-radius:.5em;margin-right:.3em;margin-bottom:.3em;letter-spacing:-.01em}