@media (min-width: 600px) {
    #js-writerspick-slider .slick-arrow {
        display: none;
        cursor: pointer;
        font-size: 0;
        position: absolute;
        width: 48px;
        height: 48px;
        border-radius: 24px;
        top: -72px;
        right: 12px;
        z-index: 1;
    }
    #js-writerspick-slider .slick-arrow:hover {
        background: #F2F5F7;
    }
    #js-writerspick-slider .slick-next::before,
    #js-writerspick-slider .slick-next::after,
    #js-writerspick-slider .slick-prev::before,
    #js-writerspick-slider .slick-prev::after {
        content: '';
        position: absolute;
        right: 50%;
        display: block;
        width: 18px;
        height: 3px;
        background: #09000d;
        border-radius: 2px;
    }
    #js-writerspick-slider .slick-next::before {
        transform: translateX(60%) rotate(45deg);
        top: calc(50% - 7px);
    }
    #js-writerspick-slider .slick-next::after {
        transform: translateX(60%) rotate(-45deg);
        bottom: calc(50% - 8px);
    }
    #js-writerspick-slider .slick-prev {
        right: 84px;
    }
    #js-writerspick-slider .slick-prev::before {
        transform: translateX(40%) rotate(-45deg);
        top: calc(50% - 7px);
    }
    #js-writerspick-slider .slick-prev::after {
        transform: translateX(40%) rotate(45deg);
        bottom: calc(50% - 8px);
    }
}

.js-article-page-slider .slick-arrow {
    display: none;
    cursor: pointer;
    font-size: 0;
    position: absolute;
    width: 38px;
    height: 38px;
    border-radius: 24px;
    top: -40px;
    right: 6px;
    z-index: 1;
}

.js-article-page-slider .slick-arrow:hover {
    background: #F2F5F7;
}

.js-article-page-slider .slick-next::before,
.js-article-page-slider .slick-next::after,
.js-article-page-slider .slick-prev::before,
.js-article-page-slider .slick-prev::after {
    content: '';
    position: absolute;
    right: 50%;
    display: block;
    width: 12px;
    height: 2px;
    background: #09000d;
    border-radius: 2px;
}

.js-article-page-slider .slick-next::before {
    transform: translateX(60%) rotate(45deg);
    top: calc(50% - 5px);
}

.js-article-page-slider .slick-next::after {
    transform: translateX(60%) rotate(-45deg);
    bottom: calc(50% - 5px);
}

.js-article-page-slider .slick-prev {
    right: 46px;
}

.js-article-page-slider .slick-prev::before {
    transform: translateX(40%) rotate(-45deg);
    top: calc(50% - 5px);
}

.js-article-page-slider .slick-prev::after {
    transform: translateX(40%) rotate(45deg);
    bottom: calc(50% - 5px);
}