.blog-posts{
    padding-top: var(--padding-top);
    padding-bottom: var(--padding-bottom);
    text-align: var(--text-alignment);
}
.blog-posts .blog-posts__content{
    gap: var(--item-gap);
}
.blog-posts .card-wrapper{
    max-width: var(--card-max-width);
    height: auto;
}
@media screen and (max-width: 48rem){
    .blog-posts .card-wrapper{
        max-width: var(--card-max-width-mobile);
    }
}
.blog-posts .button-next,
.blog-posts .button-previous{
    box-shadow: unset;
}