.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 {
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;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.button-group .button {
margin: 0.25rem;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}