@mixin s-showcase-slider-navigation-hook {
    span {
        text-indent: 100%;
        background: url("../img/ui/s_showcase_slider-arrow.svg") no-repeat center center;
        &:before { content: none; }
    }
    &:first-of-type {
        span { transform: rotate(180deg); }
    }
}

@mixin s-showcase-slider-close-hook {
    background: url("../img/ui/s_showcase_slider-close.svg") no-repeat center center;
    text-indent: 100%;
}

@mixin s-showcase-slider-slider-hover-hook {
    &::after {
        background: rgba(0, 0, 0, 0.4) url("../img/ui/s_showcase_slider-zoom.svg") no-repeat center center;
    }
}