.prev-next-nav {
    margin-right: 64px;
    margin-left: 64px;
    overflow: hidden;
    font-size: 14px;
    border-top: 1px solid @site-border-color-split;
    &.dark {
        border-color: #2F334D;
    }
    > .prev-page,
    > .next-page {
        float: left;
        width: 50%;
        height: 72px;
        line-height: 72px;
        text-decoration: none;
    }
    > a.prev-page {
        .footer-nav-icon-before {
            position: relative;
            left: 0;
            margin-right: 1em;
            color: @site-text-color-secondary;
            font-size: 12px;
            transition: all 0.3s;
        }
        .footer-nav-icon-after {
            display: none;
        }
        &:hover .footer-nav-icon-before {
            left: -3px;
            color: @primary-color;
        }
    }
    > .next-page {
        float: right;
        text-align: right;
        .footer-nav-icon-after {
            position: relative;
            right: 0;
            margin-left: 1em;
            color: @site-text-color-secondary;
            font-size: 12px;
            transition: all 0.3s;
        }
        .footer-nav-icon-before {
            display: none;
        }
        &:hover .footer-nav-icon-after {
            right: -3px;
            color: @primary-color;
        }
    }
    .chinese {
        margin-left: 0.5em;
    }
}