.blog-feed{align-self:stretch;display:flex;flex-direction:column;gap:var(--Gap)}.blog-feed .blog-feed-label{margin:0 0 var(--Spacing-S)}.blog-feed .button-container{display:flex;gap:var(--Spacing-S);justify-content:space-between}.blog-feed .button-container .button-container-nav{display:flex}.blog-feed .button-container .button-container-nav .hs-button{align-self:center}.blog-feed .carousel{display:flex;gap:var(--Gap);height:auto;left:0;max-width:100%;overflow-x:scroll;perspective:250px;scroll-snap-type:x mandatory;transition:all .3s linear;width:max-content;width:100%}.blog-feed .carousel::-webkit-scrollbar{display:none}.blog-feed .carousel .blog-feed-carousel-item{display:flex;flex-direction:column;flex-shrink:0;gap:var(--Gap);height:auto;position:relative;scroll-snap-align:start;text-decoration:none;transition:all .3s ease-in-out;width:calc(100vw - 48px);&:hover{.post-image{height:105%!important;width:105%!important}h6{text-decoration:underline}}.post-header{display:flex;justify-content:space-between}.post-date,.post-tag{align-items:center;background:var(--Background-Blue);border-radius:8px;display:flex;padding:4px 8px}.post-date{background:transparent;border:1px solid var(--Background-Blue)}.post-image-wrapper{aspect-ratio:1;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:var(--border-radius-card);overflow:hidden;width:100%;.post-image{height:100%;object-fit:cover;object-position:left;transition:all .15s linear;width:100%}}.post-texts-wrapper{display:flex;flex-direction:column;gap:var(--Spacing-S)}.post-description-container{p{margin:0}}}.blog-feed .carousel .blog-feed-carousel-item:last-of-type{margin-right:var(--Layout-Side-Padding-Mobile)}.blog-feed .carousel .blog-feed-carousel-item *{z-index:1}.blog-feed .carousel .blog-feed-carousel-item .hs-button.hs-button-link{align-self:flex-start;text-align:left}@media screen and (min-width:1024px){.blog-feed{gap:calc(var(--Gap)*2);padding:0}.blog-feed .carousel{gap:var(--Layout-Gutter-Desktop)}.blog-feed .carousel .blog-feed-carousel-item{width:calc(30% + var(--Gap))}.blog-feed .carousel .blog-feed-carousel-item:last-of-type{margin-right:0}.blog-feed .button-container{padding:0}}