a{color: inherit}
.posts-pagination {
    margin: 0.5rem 0;
}
#pageLis{display: flex;margin: 0;padding: 0;}

.posts-page-item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    background-color:#fff;
    color: #08bce9;
    border: 1px solid #08bce9;
    transition:all 0.3s ease 0s;
    margin-right: .5rem;

    &:hover,
    &.active {
        background-color: #08bce9;
        color: #fff;
    }

    &.active {
        pointer-events: none;
    }
}

.deactive-posts-page-item {
    pointer-events: none;
    background-color:#f1f1f1 !important;
    border-color:#707070 !important;
    color:#707070 !important;
    opacity: .5;
}

.posts-page-link {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    height: 100%;
    box-shadow: none !important;
    text-decoration: none;

}

.info-page{
    color: #08bce9;
    height: 2.5rem;
    line-height: 2.5rem;
    margin-left: 1rem;
}