.slider-nav {
    /*position: absolute;*/
    /*height: 100%;*/
    width: 100%;
    /*top: 0;*/
    /*left: 0;*/
    display: flex;
    align-items: center;
    justify-content: center;
}
.slider-nav__button {
    display: inline-flex;
    line-height: 1;
    font-size: 0;
    /*width: 40px;*/
    /*height: 40px;*/
    padding: 0 3px;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
    cursor: pointer;
    -webkit-transition: var(--tran-soft);
    -moz-transition: var(--tran-soft);
    -ms-transition: var(--tran-soft);
    -o-transition: var(--tran-soft);
    transition: var(--tran-soft);
    will-change: opacity;
}
.slider-nav__button::before {
    font-size: 22px;
    color: var(--color-snav);
    font-family: FontAwesome;
    position: relative;
    opacity: 0.5;
}
.slider-nav__button:hover::before {
    opacity: 1;
}
.slider-nav__prev::before {
    content: '\f190';
    left: -1px;
}
.slider-nav__next::before {
    content: '\f18e';
    right: -1px;
}