.hs-module-blog-posts{& .blog-posts__head{align-items:center;display:flex;gap:var(--Spacing-L);margin-bottom:var(--Spacing-M);& .blog-posts__view-all{flex-shrink:0;white-space:nowrap}}& .blog-posts__grid{display:grid;gap:var(--Layout-Gutter-Desktop);grid-template-columns:repeat(3,1fr)}& .blog-posts__card{color:var(--Colours-Greys-Grey-5-Black);display:flex;flex-direction:column;gap:var(--Spacing-XS);text-decoration:none;& .blog-posts__card-image{aspect-ratio:416/240;background-color:var(--Other-Placeholder-Media);display:block;overflow:hidden;& img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}& .blog-posts__card-placeholder{display:block;height:100%;width:100%}}& .blog-posts__card-body{align-items:flex-start;display:flex;gap:var(--Spacing-S);padding-bottom:var(--Spacing-XXS);position:relative;&:after{background-color:var(--Other-Line-Dark);bottom:0;content:"";height:1px;left:0;position:absolute;right:0;transform:scaleX(0);transform-origin:left center;transition:transform .3s ease}}& .blog-posts__card-info{display:flex;flex:1 1 0;flex-direction:column;gap:var(--Spacing-XXS);min-width:0}& .blog-posts__card-date{color:var(--Colours-Brand-Moso-Green-WCAG);font-family:var(--font-family-body);font-size:var(--Form-Description-Size);font-weight:var(--Font-Weight-Book);line-height:var(--Form-Description-Line-Height)}& .blog-posts__card-tag{background-color:var(--Label-Neutral);border-radius:70px;flex-shrink:0;font-family:var(--font-family-body);font-size:var(--Components-Label-Size);font-weight:var(--Font-Weight-Medium);line-height:var(--Components-Label-Line-Height);opacity:.8;padding:var(--Spacing-XXS) calc(var(--Spacing-XXS) + var(--Spacing-XXXS));text-transform:uppercase;transition:background-color .25s ease,box-shadow .25s ease;&:hover{background-color:var(--Colours-Greys-Grey-1-White);box-shadow:inset 0 0 0 1px var(--Other-Line-Dark)}}&:hover{& .blog-posts__card-body:after{transform:scaleX(1)}}}&.blog-posts--zoom .blog-posts__card:hover .blog-posts__card-image img{transform:scale(1.05)}@media (max-width:1024px){& .blog-posts__head{align-items:flex-start;flex-direction:column;gap:var(--Spacing-M)}& .blog-posts__grid{gap:var(--Spacing-S);grid-template-columns:1fr}& .blog-posts__card-image{aspect-ratio:16/9}}}