.pagination {
    list-style: none;
    font-size: 0;
    padding: 0;
    margin: 0;
    overflow: auto;
    white-space: nowrap;

    li {
        display: inline-block;
        vertical-align: top;
        border: 1px solid #ddd;
        margin-right: 10px;

        span, a {
            text-decoration: none;
            display: block;
            text-align: center;
            padding: 7px 5px;
            width: 40px;
            color: #000;
            font-size: 16px;
            transition: background 0.3s ease-out;
        }

        a:hover {
            background: #dddddd;
        }
    }

    li.active {
        font-weight: bold;
        background: #ddd;
    }

    li.disabled {
        a, span {
           color: #999;
        }
    }
}