.pagination {
    text-align: center;
}

.pagination__nav {
    margin: 0 auto;
}

.pagination__nav-item {
    display: inline-block;
    position: relative;
    margin: 0 1rem 0 0;
}

.pagination__nav-item:last-child {
    margin-right: 0;
}

.pagination__nav-link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4.2rem;
    height: 4.2rem;
    text-align: center;
    font-family: var(--fonte-principal);
    color: var(--branco);
    font-size: 1.5rem;
    line-height: 1;
    vertical-align: middle;
    padding: 1.2rem 1.4rem;
    border-radius: 5rem;
    background-color: var(--azul);
    border: solid 0.2rem var(--azul);
    cursor: pointer;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.pagination__nav-link:hover {
    color: var(--branco);
    background-color: var(--azul-claro);
    border: solid 0.2rem var(--azul-claro);
}

.pagination__nav-item-active .pagination__nav-link {
    color: var(--azul) !important;
    background-color: var(--branco) !important;
    border: solid 0.2rem var(--azul);
    pointer-events: none;
}

.pagination__nav li::before {
    content: "";
    padding-right: 0;
}