.button-group .button:first-child {
    border-radius: 0.5em 0 0 0.5em;
}
.button-group .button {
    border-radius: 0;
    float: left;
    margin-right: 1px;
}
.button.is-checked {
    color: white;
    text-shadow: 0 -1px hsla(0, 0%, 0%, 0.8);
}
.button:active, .button.is-checked {
    background-color: #28f;
}
.demo .button {
    margin-bottom: 0.8em;
}
.button {
    background: linear-gradient(to bottom, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.2)) repeat scroll 0 0 #eee;
    border: medium none;
    border-radius: 7px;
    color: #222;
    cursor: pointer;
    display: inline-block;
    font-weight: 500;
    padding: 0.5em 1em;
    text-shadow: 0 1px white;
}

.button-group .button:last-child {
    border-radius: 0 0.5em 0.5em 0;
}