challenge-vtex-io-Rhayllon-Daudt/styles/sass/pages/product/vtex.slider-layout.scss

.sliderLayoutContainer--prateleiraSlider{
    width: 90.63%;
    margin: 0 auto 101px auto;

    @media screen and (max-width: 1024px) {
        width: 100% !important;
        padding: 0 63px;
    }
}
.sliderArrows--prateleiraSlider{
    margin: 0;
    padding: 0;
}
.sliderRightArrow--prateleiraSlider{
    right: -2.53%;

    @media screen and (max-width: 1024px) {
        right: 3.91%;
    }
}
.sliderLeftArrow--prateleiraSlider{
    left: -2.53%;

    @media screen and (max-width: 1024px) {
        left: 3.91%;
    }
}
.paginationDotsContainer--prateleiraSlider{
    bottom: -32px;
    align-items: center;

    .paginationDot--prateleiraSlider{
        height: 10px !important;
        width: 10px !important;
        background-color: $color-black2;
        margin: 0 6px;

        &--isActive{
            height: 17px !important;
            width: 17px !important;
            background-color: $color-white !important;
            border: 0.5px solid $color-black2;
        }
    }
}
.slide--prateleiraSlider{
    padding: 0 8px;
}