.blog-card{align-items:stretch;border-radius:12px;display:flex;flex-direction:row;margin-bottom:24px;overflow:hidden;position:relative;text-align:start;transition:.2s ease-in-out;width:100%}.blog-card:hover{transform:scale(1.02)}.blog-card--shadow{box-shadow:0 16px 32px rgba(0,0,0,.05),0 8px 16px rgba(0,0,0,.05)}.blog-card--shadow:hover{box-shadow:0 32px 64px rgba(0,0,0,.05),0 16px 32px rgba(0,0,0,.05)}.blog-card__link{bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;z-index:1}.blog-card__content{display:flex;flex-direction:column;width:100%}.blog-card__img{border-radius:12px 12px 0 0;flex-shrink:0;overflow:hidden}.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{align-items:stretch;display:flex;flex-direction:column;flex-grow:1;justify-content:space-between;padding:24px;width:100%}.blog-card__tags{line-height:0;margin-bottom:24px}.blog-card__tags a{display:inline-block;position:relative;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{display:flex;flex-wrap:wrap;margin-top:24px}.blog-card--with-summary .blog-card__info{border-top:1px solid #e3e6ec;padding-top:24px}.blog-card__date{margin-inline-end:.83rem;padding-inline-end:calc(.83rem + 1px);position:relative;z-index:0}.blog-card--no-read-time .blog-card__date{margin-inline-end:0;padding-inline-end:0}.blog-card__date:after{background:#e3e6ec;content:"";display:block;height:16px;position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px}.blog-card--no-read-time .blog-card__date:after{display:none}.blog-card--white{background:#fff}.blog-card--dark{background:#000;color:hsla(0,0%,100%,.8)}.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);background:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.8)}.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)}