.player,
.news-slider,
.news-slider-featured {
    &-next,
    &-prev {
        @include position(absolute, null 60px -30px null);
        width: 60px;
        height: 60px;
        align-items: center;
        background: #FFFFFF;
        box-shadow: $box-shadow-sm;
        cursor: pointer;
        display: flex;
        justify-content: center;
        transform: scale(.75);
        transition: $transition-base;
        z-index: 1;

        @include hover-focus {
            transform: scale(.9);
        }

        @include media-breakpoint-up(xl) {
            transform: scale(1);

            @include hover-focus {
                transform: scale(1.1);
            }
        }

        &::before {
            display: block;
            content: "";
        }
    }

    &-next::before {
        @extend .svg-arrow-right-20x20;
    }

    &-prev {
        right: 120px;

        @include media-breakpoint-up(xl) {
            right: 130px;
        }

        &::before {
            @extend .svg-arrow-left-20x20;
        }
    }
}