.slider-product-2 {
    display: flex;
    overflow-x: scroll;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
}

.slider-product-2 div {
    flex: none;
    scroll-snap-align: start;
    scroll-snap-stop: always;
}

.slider-product-2::-webkit-scrollbar {
    display: none;
}

.slider-btn-2 div {
    cursor: pointer;
    position: absolute;
    top: 5px;
    width: 30px;
}

.right {
    right: 0px;
}

.left {
    right: 50px;
    border-right: 1px solid #e1e1e1;
}

.slider-btn-2 div:hover i::before {
    color: rgba(0,0,0,0.8);
}

@media only screen and (max-width: 700px){
    .slider-btn-2 div {
        top: 35px;
    }    
}