.articlePrevNext{
    display: flex;
    --minimum-text-align: space-between;
    --minimum-text-column-align:flex-start;
    justify-content: var(--minimum-text-align);
    align-items: var(--minimum-text-column-align);

    flex-direction: row;
    gap: 10px;
    --articlePrevNext-width: 50%;
    --articlePrevNext-height: 30px;
}

.articlePrevNext .articlePrevNextBtn{
    width: var(--articlePrevNext-width);
    height: var(--articlePrevNext-height);
    display: flex;
    align-items: center;

    padding-left: 5px;
    padding-right: 5px;
}

.articlePrevNext .articlebtnItem{
    display: inline-flex;
    align-items: center;
}

.articlePrevNext .articleNextbtn{
    flex-direction: row-reverse;
}

.articlePrevNext .articlePrevbtn{
        gap: 8px;

        max-width: 100%;
    white-space: nowrap;
}

.articlePrevNext .articleNextbtn{
        gap: 8px;
         max-width: 100%;
    white-space: nowrap;
}

.articlePrevNext .articlebtnItem_text{
        overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.articlePrevNext .articlePrevNextIcon,.articlePrevNext .articlePrevNextIconNext{
        font-size: 14px;
}

.articlePrevNext .articlePrevNextBtnPrev{
        justify-content: left;
}

.articlePrevNext .articlePrevNextBtnNext{
    justify-content: right;
}
.articlePrevNext .prevbtnlock .articlebtnItem , .articlePrevNext .nextbtnlock .articlebtnItem{
    color: #aba0a0;
    cursor: not-allowed;
    pointer-events: none;
}

.articlePrevNext .prevbtnlock,.articlePrevNext .nextbtnlock{
    cursor: not-allowed;
}