.pagination {
    @include generic_sans;
    margin-top: 2em;
    margin-bottom: 2em;
    font-weight: 400;
    line-height: 2.3;
    li {
        display: inline;
    }
    a {
        text-decoration: none;
        border: 1px solid lighten($body_font_color, 30);
        color: lighten($body_font_color, 20);
        padding: 9px 6px 6px 6px;
        margin-left: .25em;
        margin-right: .25em;
    }
    .prev {
        border: none;
        &:before {
            content: "\2190";
        }
    }
    .next {
        border: none;
        &:after {
            content: "\2192";
            margin-left: .35em;
        }
    }
    @include breakpoint(beta) {
        .prev {
            margin-right: 2em;
        }
        .next {
            margin-left: 2em;
        }
        .current {
            color: $link_color;
            margin-right: .5em;
            margin-left: .5em;
        }
    }
}