// BUTTONS

@mixin button($size:24, $shape: 'rectangle', $color:color(background), $background:color(primary), $display:inline-block) {
  display: $display;
  font-size: rem($size * 2/3);
  text-align: center;
  color: $color;
  background: $background;
  padding: 0.25em 0.5em;

  @if ($shape == 'square' or $shape == 'circle') {
    width: 1em;
    height: 1em;
    padding: 0.25em;
    box-sizing: content-box;
  }

  @if ($shape == 'round' or $shape == 'circle') {
    border-radius: em($size);
  }
}