.blog-post-card{background-color:var(--card-background-color);border-radius:16px;display:flex;flex-direction:column;height:100%;padding:31px 26px 30px;position:relative;transition:background-color var(--transition-duration);z-index:0}.blog-post-card__btn{background-color:#353535;border:1px solid #353535;border-radius:1000px;display:flex;font-size:14px;margin-top:auto;overflow:hidden;padding:10px 24px;position:relative;width:fit-content}.blog-post-card__btn:hover{background-color:var(--color-white)!important;color:var(--color-black)!important;font-weight:500!important}.blog-post-card:hover{background-color:var(--card-background-color-hover)}.blog-post-card:hover .blog-post-card__btn{background-color:var(--color-dark-gray)}.blog-post-card__shape-container{height:80px;margin-bottom:32px;position:relative;width:80px}.blog-post-card__icon{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.blog-post-card__shape.mid-gray{color:var(--color-mid-gray)}.blog-post-card__shape.mid-gray .blog-post-card__icon,.blog-post-card__shape.white{color:var(--color-white)}.blog-post-card__shape.white .blog-post-card__icon{color:var(--color-black)}.blog-post-card__shape.primary{color:var(--color-primary)}.blog-post-card__shape.primary .blog-post-card__icon{color:var(--color-white)}.blog-post-card__shape.secondary{color:var(--color-secondary)}.blog-post-card__shape.secondary .blog-post-card__icon{color:var(--color-white)}.blog-post-card__shape.tertiary{color:var(--color-tertiary)}.blog-post-card__shape.tertiary .blog-post-card__icon{color:var(--color-black)}.blog-post-card__header{position:relative}.blog-post-card__title{font-weight:600;margin-bottom:23px;padding-right:17px;position:relative;z-index:1}.blog-post-card__description{font-weight:500;opacity:.5;position:relative;z-index:1}.blog-post-card__description.--spaced{margin-bottom:20px}@media(max-width:767.98px){.blog-post-card{padding:20px 21px 22px}.blog-post-card__header{display:flex;flex-direction:row;gap:20px;margin-bottom:20px}.blog-post-card__shape-container{height:32px;margin-bottom:0;position:relative;width:32px}.blog-post-card__shape svg{max-height:32px;max-width:32px}.blog-post-card__icon svg{max-height:16px;max-width:16px}.blog-post-card__title{font-size:22px;line-height:1.25;margin-bottom:0;max-width:calc(100% - 32px);padding-right:0}.blog-post-card__description{font-size:14px;line-height:1.35;max-width:calc(100% - 32px);padding-right:8px}}