ul.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;

    margin: 1em 0;
    padding: 0;

    > li {
        display: block;
        margin: 0;

        &.disabled {
            color: #aaa;
        }

        > a, span {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-wrap: wrap;

            min-height: 2em;
            min-width: 2em;
        }

        &.active,
        > a,
        > a:active,
        > a:visited {
            color: #fff;
        }

        > a:hover {
            color: #88f;
        }
    }
}