.rotate,
.rotate_arrows {
    margin-bottom: 0;
}

.overlay-arrows {
    .slick-next {
        z-index: 4;
        right: 15px;
        height: 40px;
        width: 40px;

        &::before {
            font-size: 40px;
        }
    }

    .slick-prev {
        z-index: 4;
        left: 15px;
        height: 40px;
        width: 40px;

        &::before {
            font-size: 40px;
        }
    }
}

.rotate_arrows.slick-dotted.slick-slider {
    margin-bottom: rem-calc(15);

    @include breakpoint(large) {
        margin-bottom: rem-calc(30);
    }

    @include breakpoint(xlarge) {
        margin-bottom: rem-calc(40);
    }

    @include breakpoint(xxlarge) {
        margin-bottom: rem-calc(50);
    }
}

.overlay-arrows {
    .slick-next {
        z-index: 4;
        right: 15px;
        height: 40px;
        width: 40px;
        color: #fff;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);

        &::before {
            content: '\e800';
        }
    }

    .slick-prev {
        z-index: 4;
        left: 15px;
        height: 40px;
        width: 40px;
        color: #fff;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);

        &::before {
            content: '\e801';
        }
    }
}

.slick-prev::before,
.slick-next::before {
    font-family: waynestate;
    font-size: rem-calc(40);

    @include breakpoint(xlarge) {
        font-size: rem-calc(60);
    }
}

Change over the arrows to the cleaner version
Change over the arrows to the cleaner version
