.blog-card{overflow:hidden;margin-bottom:24px;transition:.2s ease-in-out;position:relative;flex-direction:row;text-align:start;align-items:stretch;border-radius:0;width:100%;display:flex}.blog-card:hover{transform:scale(1.02)}.blog-card--shadow{box-shadow:0 16px 32px rgba(34,35,38,.05),0 8px 16px rgba(34,35,38,.05)}.blog-card--shadow:hover{box-shadow:0 32px 64px rgba(34,35,38,.05),0 16px 32px rgba(34,35,38,.05)}.blog-card__link{right:0;position:absolute;bottom:0;top:0;cursor:pointer;left:0;z-index:1}.blog-card__content{flex-direction:column;width:100%;display:flex}.blog-card__img{overflow:hidden;flex-shrink:0;border-radius:0 0 0 0}.blog-card__img img{height:auto;transition:.2s ease-in-out;width:100%}.blog-card:hover .blog-card__img img{transform:scale(1.1)}.blog-card__body{flex-grow:1;padding:24px;justify-content:space-between;flex-direction:column;align-items:stretch;width:100%;display:flex}.blog-card__tags{margin-bottom:24px;line-height:0}.blog-card__tags a{position:relative;display:inline-block;z-index:2}.blog-card__title{margin-bottom:0}.blog-card--title-half-space .blog-card__title{margin-bottom:12px}.blog-card__summary{font-size:.89rem;margin:1.11rem 0 0}.blog-card__info{flex-wrap:wrap;margin-top:24px;display:flex}.blog-card--with-summary .blog-card__info{padding-top:24px;border-top:1px solid #e3e6ec}.blog-card__date{padding-inline-end:calc(.83rem + 1px);position:relative;margin-inline-end:.83rem;z-index:0}.blog-card--no-read-time .blog-card__date{padding-inline-end:0;margin-inline-end:0}.blog-card__date:after{height:16px;transform:translateY(-50%);right:0;content:"";position:absolute;top:50%;background:#e3e6ec;width:1px;display:block}.blog-card--no-read-time .blog-card__date:after{display:none}.blog-card--white{background:#fff}.blog-card--dark{color:hsla(0,0%,100%,.8);background:#222326}.blog-card--dark .blog-card__title{color:#fff}.blog-card--dark.blog-card--with-summary .blog-card__info{border-color:hsla(0,0%,100%,.2)}.blog-card--ghost{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);color:hsla(0,0%,100%,.8);background:hsla(0,0%,100%,.1)}.blog-card--ghost .blog-card__title{color:#fff}.blog-card--ghost.blog-card--with-summary .blog-card__info{border-color:hsla(0,0%,100%,.2)}