.pbuic-pager {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    margin-top: 1.625rem;
    padding: 0;
    list-style: none;
    text-align: center;
    font-family: var(--font-mono);
}

.pgr-active,
.pgr-inactive,
.pbuic-pager a {
    display: block;
    padding: 0.6875rem 0.8125rem;
    font-size: 0.8125rem;
    line-height: 1em;
    text-align: center;
    text-decoration: none;
    text-transform: lowercase;
    border: 1px solid var(--baseLight100);
    color: var(--baseDark850);
}

.pgr-active {
    border-color: var(--baseDark900);
    color: var(--baseLight100);
    background: var(--baseDark900);
}

.pgr-inactive {
    border-color: 1px solid var(--baseLight300);
    color: var(--baseLight300);
}

.pbuic-pager a:hover {
    color: var(--baseDark900);
}

.pgr-previous .pgr-inactive,
.pgr-next .pgr-inactive {
    display: none;
}

.pgr-previous a,
.pgr-previous span,
.pgr-next a,
.pgr-next span {
    position: relative;
    overflow: hidden;
    text-indent: -999em;
}

.pgr-previous a::before,
.pgr-previous span::before,
.pgr-next a::before,
.pgr-next span::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0.6875rem 0.8125rem;
    font-size: 0.8125rem;
    line-height: 1em;
    font-family: 'fa-regular';
    font-weight: normal;
    text-indent: 0;
    color: var(--baseDark900);
}

.pgr-next a::before,
.pgr-next span::before {
    content: '\e802';
    visibility: visible;
}

.pgr-previous a::before,
.pgr-previous span::before {
    content: '\e801';
    visibility: visible;
}

.pgr-previous:hover a::before,
.pgr-previous:hover span::before,
.pgr-next:hover a::before,
.pgr-next:hover span::before {
    color: var(--baseLight100);
}

@media (min-width: 1024px) {
    .pgr-previous a::before,
    .pgr-previous span::before,
    .pgr-next a::before,
    .pgr-next span::before {
        content: '';
    }

    .pgr-previous a,
    .pgr-previous span,
    .pgr-next a,
    .pgr-next span {
        position: relative;
        padding: 0.6875rem 0.8125rem;
        font-size: 0.8125rem;
        line-height: 1em;
        overflow: hidden;
        text-indent: 0;
        border-color: var(--baseDark900);
        transition: background-color ease-in-out .2s;
    }

    .pgr-previous:hover a,
    .pgr-previous:hover span,
    .pgr-next:hover a,
    .pgr-next:hover span {
        background-color: var(--baseDark900);
        color: var(--baseLight100);
    }
}