.pagination {
    background: transparent !important; /* Remove o fundo da paginação */
    border: none !important; /* Remove qualquer borda */
}

.page-item .page-link {
    background: transparent !important; /* Remove o fundo dos botões */
    border: 1px solid #ccc !important; /* Adiciona uma borda fina */
    color: #333 !important; /* Define a cor do texto */
    border-radius: 5px !important; /* Arredonda os cantos */
    padding: 4px 9px; /* Ajusta o espaçamento */
    transition: all 0.3s ease-in-out; /* Suaviza o efeito */
}

.page-item .page-link:hover {
    background: rgba(0, 0, 0, 0.1) !important; /* Leve destaque ao passar o mouse */
    border-color: #999 !important; /* Borda mais escura no hover */
    color: #000 !important;
}

.page-item.active .page-link {
    background: #333 !important; /* Fundo azul para o item ativo */
    color: #fff !important; /* Texto branco no item ativo */
    border-color: #333 !important; /* Borda azul */
    font-weight: bold !important; /* Deixa o item ativo em negrito */
}