.blog-posts-grid{background-color:#fff}.blog-grid{display:block}@media (min-width: 768px){.blog-grid{display:flex;align-items:end}}.blog-column{position:relative;padding:40px 20px;height:clamp(380px,50vw,568px);display:flex;flex-direction:column;justify-content:end;align-items:stretch;background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden}@media (min-width: 768px){.blog-column{padding:31px 48px}}.blog-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;z-index:1}.blog-column:first-child{background-color:#a0a0a0}.blog-column:first-child .blog-overlay{background:linear-gradient(180deg,#fff0 64.04%,#fffc 80.94%)}.blog-column:first-child .blog-title{color:var(--Fairy-Tales-Royal-Purple)}.blog-column:first-child .blog-read-more{background-color:var(--Fairy-Tales-Royal-Purple)}.blog-column:first-child .blog-read-more svg path{fill:#fff}.blog-content{position:relative;z-index:2;display:flex;justify-content:space-between;color:#fff;align-items:center;width:100%;min-height:150px}.blog-date{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;opacity:.9}.blog-title{font-family:inherit;font-weight:700;color:#fff;max-width:500px;font-size:var(--Font-Size-Heading-H2);line-height:var(--Font-Line-Height-Heading-H2)}@media (max-width: 767px){.blog-column{padding:0 20px 32px}.blog-title{font-size:var(--Font-Size-Heading-Mobile-H2);line-height:var(--Font-Line-Height-Heading-Mobile-H2)}.blog-content{align-items:center;min-height:auto}}.blog-excerpt{font-size:16px;line-height:1.6;margin-bottom:24px;opacity:.95}@media (min-width: 768px){.blog-excerpt{font-size:18px}}.blog-read-more{display:flex;background-color:#fff;color:#000;justify-content:center;align-items:center;box-shadow:0 3.67px 7.34px #00000026;text-decoration:none;font-weight:700;text-align:center;transition:all .3s ease;height:48px;width:48px;text-transform:uppercase;letter-spacing:.5px;border-radius:50%}.blog-read-more svg{width:22px}.blog-column.no-posts{background-color:var(--Light-Purple, #f5f0ff);min-height:300px}@media (min-width: 768px){.blog-grid.desktop\:grid{display:flex;align-items:end}.blog-grid.desktop\:grid-cols-2>.blog-column{flex:1}}
/*# sourceMappingURL=/cdn/shop/t/236/assets/component-blog-posts-grid.css.map */