.pagination {
    &:extend(.nav);
    margin-top: 1em;
    margin-bottom: 1em;

    > li {
        display: inline-block;

        .middle, a {
            padding: .4em .8em;
            margin: 0 .4em;
        }

        a {
            &:extend(.button all);
            display: block;
            border: solid 1px @pagination-border;
            color: @pagination-color;

            &:hover {
                color: @pagination-color;
            }
        }

        &.active a {
            background: @pagination-active-bg;
            border-color: @pagination-active-border;
        }
    }
}