/****************************************************************************
 * Buttons
 ****************************************************************************/
.button {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 1rem 0;
    border: none;
    -webkit-appearance: none;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
.button.expanded {
    display: block;
    width: 100%;
}
.button.disabled,
.button[disabled] {
    opacity: 0.25;
    cursor: not-allowed;
}

/****************************************************************************
 * Button Group
 ****************************************************************************/
.button-group {
    margin: 0 -0.25rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.button-group .button {
    margin: 0.25rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}