.paginas {
    margin: 0px auto 20px auto;
    color: #0007;
    text-align: center;
}

    .paginas div {
        float: left;
    }

    .paginas div {
        background: #00000008;
        padding-top: 10px !important;
        border-radius: 0;
        position: relative;
        min-height: 45px;
        min-width: 50px;
        cursor: pointer;
    }

        .paginas div.divisao {
            background: #00000020;
            color: white;
            pointer-events: none;
            padding: 0px !important;
            min-width: 3px;
        }

        .paginas div.ativo {
            background: var(--corAdmin);
            color: white;
            pointer-events: none;
        }


    .paginas .voltar:hover,
    .paginas .proximo:hover,
    .paginas .pagina:hover {
        background: #00000010;
    }

    .paginas .voltar:before,
    .paginas .proximo:before {
        content: '';
        border-top: solid 3px #0007;
        border-left: solid 3px #0007;
        width: 6px;
        height: 6px;
        position: absolute;
        left: calc(50% - 3px);
        top: calc(50% - 4px);
        transform: rotate(-45deg);
    }

    .paginas .proximo:before {
        transform: rotate(135deg);
    }

    .paginas div:first-child {
        border-radius: 10px 0 0 10px;
    }

    .paginas div:last-child {
        border-radius: 0 10px 10px 0;
    }

    .paginas div:only-child {
        border-radius: 10px;
    }


@media screen and (max-width: 770px) {
    .paginas div {
        font-size: 1.5em;
        padding-top: 12px !important;
    }
}