button, .btn, .btn {

display: inline-block;
padding: .375rem .5rem;
font-size: $body-font-size;
text-align: center;
text-decoration: none;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
user-select: none;
border-radius: .25rem;

}

.btn-sm, .btn-sm {

@include button-size(.125rem, .5rem, .75rem);

}

.btn-lg, .btn-lg {

@include button-size(.625rem, 1.25rem, 1.25rem);

}

.btn-header {

color: $white;
background-color: rgba(255,255,255,.1);
border: 1px solid rgba(255,255,255,.1);

&:hover,
&:active,
&:visited {
  color: $white;
  text-decoration: none;
  transition: .2s linear;
  }

&:hover { background-color: rgba(255,255,255,.3); }

&:active { background-color: rgba(255,255,255,.5); }

}

.btn-default { @include button($primary-default); }

.btn-brand { @include button($primary-brand); }

.btn-info { @include button($primary-info); }

.btn-success { @include button($primary-success); }

.btn-warning { @include button($primary-warning); }

.btn-caution { @include button($primary-caution); }

.btn-danger { @include button($primary-danger); }