.hrblog2-nav {
    list-style: none;
    padding: 0;
    text-align: center;
    display: flex;
    justify-content: center;
    margin-top: 29px;
}

.hrblog2-nav__item.hidden {
    display: none !important;
}
.hrblog2-nav__item:not(.is-active) {
    cursor: pointer;
}
.hrblog2-nav__item {
    min-width: 48px;
    padding: 10px 15px;
    height: 56px;
    box-sizing: border-box;
    font-size: 20px;
    font-weight: 500;
    overflow: hidden;
    text-decoration: none;
    color: #484848;
    display: flex;
    align-items: center;
    justify-content: center;
    user-select: none;
}

.hrblog2-nav__next a, .hrblog2-nav__next span {
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='21' viewBox='0 0 14 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 2L12 10.9048L2 19' stroke='%2361C13A' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-size: 12px auto;
    background-position: center;
    background-repeat: no-repeat;
}

.hrblog2-nav__previous a, .hrblog2-nav__previous span {
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='21' viewBox='0 0 14 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 19L2 10.0952L12 2' stroke='%2361C13A' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-size: 12px auto;
    background-position: center;
    background-repeat: no-repeat;
}
.hrblog2-nav__item a, .hrblog2-nav__item span {
    color: #bababa;
}
.hrblog2-nav__next a, .hrblog2-nav__previous a, .hrblog2-nav__next span, .hrblog2-nav__previous span {
    line-height: 1;
    display: flex;
    min-width: 56px;
    height: 56px;
    color: #61c13a;
    border-radius: 5px;
    /* background: #fff; */
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none;
    transition: all 0.3s linear;
}

.hrblog2-nav__item--ellipsis a, .hrblog2-nav__item--ellipsis, .hrblog2-nav__item--ellipsis span {
    color: #000 !important;
    cursor: default !important;
}

.hrblog2-nav__item.is-active a, .hrblog2-nav__item.is-active span {
    color: var(--c-link) !important;
}