вёрстка слайда, позиционирование

Нужно вывести кнопки чуть за пределы слайда, и что бы когда менялось разрешение они не уходили, вот код `

@media (min-width: 768px) {
.article .slider-tools{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
         position: absolute;
         top: 50%;
         width: 100%;
         margin-top: -24px;
        
    }

.article  .slider-tools .slider-nav__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin: 0 16px 0 -14px;
        position: relative;
        width: 100%;
    }

.aricle  .slider-tools .slider-nav__wrapper span {
        margin: 0 14px
    }

.article .slider-nav.-prev {
    left: 0;
    
}
.article .slider-nav.-next {
    right: 0;
    
}
}
@media (max-width: 768px) {
.article .slider-tools .slider-nav__wrapper span {
    font-size: 48px;
    margin: 5px;
    position: absolute;
}
}
@media (max-width: 575px){
.article .slider-tools .slider-nav__wrapper{
    
    display: none;
}
}`