.button {

display: inline-block;
white-space: nowrap;
vertical-align: middle;
font: inherit;
text-align: center;
padding: round($base-spacing-unit / 2) ($base-spacing-unit * 2);
border-radius: $global-radius;
cursor: pointer;
transition: $global-transition;
&--primary {
  color: $button-color;
  background-color: $button-background-color;
  &:hover {
    background-color: darken($primary-color, 15%);
    color: $white;
    transition: $global-transition;
  }
}
&--big {
  display: block;
  width: 100%;
}

}