.navigation {
    margin: 1rem 0;
}

.navigation__col {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: .5rem 0;
}

.navigation__slider {
    position: relative;
}

.navigation__text {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    font-size: .8rem;
    line-height: .8rem;
    margin-right: .5rem;
    color: #a4a4a4;
}

.navigation__button {
    width: 100%;
    min-width: 2rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    font-size: 1rem;
    line-height: 1rem;
    padding: .5rem;
    background: #fff;
    border: 1px solid #fff;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.11);
    box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.11);
}

.navigation__button:hover:not(.active) {
    color: #1fbc53;
    border: 1px solid #e5e5e5;
    -webkit-transition: all ease .5s;
    transition: all ease .5s;
}

.navigation__button .icons {
    fill: #1fbc53;
    width: 1rem;
    height: 1rem;
    margin-right: .5rem;
}

.navigation__button:active {
    -webkit-box-shadow: inset 0 3px 3px 0 rgba(0, 0, 0, 0.08);
    box-shadow: inset 0 3px 3px 0 rgba(0, 0, 0, 0.08);
}

.navigation__button.active {
    background: #1fbc53;
    color: #fff;
    border-color: #1fbc53;
}

.slider--navigation {
    max-height: 4rem;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    align-items: center !important;
}

.slider--navigation .slider__item {
    padding: 0.5rem 0.3rem !important;
}

.slider__control--navigation {
    position: relative !important;
    border: unset !important;
    z-index: 0 !important;
}

.slider__control--navigation[data-slide="slickNext"] {
    -webkit-border-radius: 0 50% 50% 0;
    border-radius: 0 50% 50% 0;
    margin-left: .3rem;
}

.slider__control--navigation[data-slide="slickPrev"] {
    -webkit-border-radius: 50% 0 0 50%;
    border-radius: 50% 0 0 50%;
    margin-right: .3rem;
}

.slider__control--navigation.slick-disabled {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important;
}

.slider__control--navigation:not(.slick-disabled) .icons {
    fill: #1fbc53;
}