@use "../common/utils" as *;
@use "../common/mixins" as *;

.news-archive {
    padding-top: calc-rem(30px);
    padding-bottom: calc-rem(30px);
    &__filters {
        display: flex;
        justify-items: flex-end;

        .filter-sort-by {
            margin-left: auto;
        }
    }

    &__divider {
        margin-block: calc-rem(20px) calc-rem(30px);
    }

    &__pagination{
        margin-top: calc-rem(30px);

        @include media-breakpoint-up(lg){
            margin-top: calc-rem(40px);
        }
    }

    .product-card {
        border: calc-rem(1px) solid rgba(var(--color-border));
    }



}
