@import "../../vars";
@import "../../mixins";

.catalog-articles {
    padding-top: 118px;

    &__title {
        align-self: flex-start;
        font-weight: 600;
        font-size: 36px;
        line-height: 42px;
        color: $vmainGrey;
        margin-bottom: 48px;
        text-align: left;
    }
}

.catalog-articles-container {
    position: relative;
    text-align: center;

    &__btn {
        margin-top: 64px;
        @include btn-orange-hover;
        padding: 16px 40px;

        &:hover {
            @include btn-orange;
        }
    }
}

.slide-catalog-articles-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    margin-top: 24px;
    max-width: 312px;
    width: 100%;
    color: $vmainGrey;
    text-align: left;
}

.swiper-button-next__catalog-articles,
.swiper-button-prev__catalog-articles {
    position: absolute;
}

.swiper-button-prev__catalog-articles {
    top: 40px !important;
    left: 1239px !important;
    width: 20px !important;
    height: 20px !important;
}

.swiper-button-next__catalog-articles {
    top: 40px !important;
    right: 15px !important;
    width: 20px !important;
    height: 20px !important;
}

.catalog-articles-container [class^="swiper-button-"]::after {
    content: "";
}