.slider{
    position:relative;
    overflow:hidden;
}

.slider-track{
    display:flex;
    gap:24px;
    transition:.45s ease;
    cursor:grab;
}

.slider-prev,
.slider-next{

    position:absolute;

    top:50%;

    transform:translateY(-50%);

    width:48px;

    height:48px;

    border:none;

    border-radius:50%;

    background:#ffffff;

    box-shadow:0 10px 30px rgba(0,0,0,.12);

    cursor:pointer;

    z-index:20;

    transition:.3s;

}

.slider-prev{
    left:15px;
}

.slider-next{
    right:15px;
}

.slider-prev:hover,
.slider-next:hover{

    background:#5B3DF5;

    color:#fff;

}

@media(max-width:768px){

.slider-prev,
.slider-next{

display:none;

}

}