.pager {
    padding-right: 0;
    margin: 20px 0;
    text-align: center;
    list-style: none;
}

    .pager {
        display: inline;
    }

        .pager > a,
        .pager > span {
            display: inline-block;
            padding: 5px 14px;
            background-color: #fff;
            border: 1px solid #ddd;
            border-radius: 15px;
        }

            .pager > a:hover,
            .pager > a:focus {
                text-decoration: none;
                background-color: #eee;
            }

    .pager .next > a,
    .pager .next > span {
        float: left;
    }

    .pager .previous > a,
    .pager .previous > span {
        float: right;
    }

    .pager .disabled > a,
    .pager .disabled > a:hover,
    .pager .disabled > a:focus,
    .pager .disabled > span {
        color: #777;
        cursor: not-allowed;
        background-color: #fff;
    }