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

.viewed {
    padding-top: 80px;
}

    .viewed-container {
        color: $vmainGrey;
        position: relative;

        &__title {
            font-weight: 600;
            font-size: 36px;
            line-height: 42px;
        }
        

        .viewed__item {
            margin-top: 48px;

            &-info {
                margin-left: 12px;
                max-width: 291px;
                width: 100%;

                .viewed__item-title {
                    font-weight: 600;
                    font-size: 14.6087px;
                    line-height: 20px;
                    margin-top: 18px;
                    max-width: 176px;
                    width: 100%;
                }

                .viewed__item-bottom {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    margin-top: 17px;

                    .viewed__item-price {
                        font-weight: 600;
                        font-size: 21.913px;
                        line-height: 26px;
                    }

                    .viewed__item-btn {
                        @include btn-orange;
                        width: 108px;
                        height: 34px;

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

                    }
                }
            }
        }

        .swiper-button-next_viewed,
        .swiper-button-prev_viewed {
            position: absolute;
        }

        .swiper-button-next_viewed {
            top: 40px;
            right: 15px;
            width: 20px;
            height: 20px;
        }

        .swiper-button-prev_viewed {
            top: 40px;
            left: 1239px;
            width: 20px;
            height: 20px;
        }
   

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