%button
{
  @include adjust-font-size-to(type-scale(base), 2);
  padding-left: h-rhythm(0.5);
  padding-right: h-rhythm(0.5);
  display: block;
  border: none;
  cursor: pointer;
  position: relative;
  text-decoration: none;
  text-align: center;
  -webkit-appearance: none;
  -webkit-border-radius:0;
  color: $ui-color;
  background-color: $ui-background-color;

  &:hover,
  &:focus
  {
    background-color: $ui-background-color-hover;
  }

  &.disabled
  {
    opacity: $disabled-opacity;
    cursor: not-allowed;
  }

  .Icon
  {
    @include adjust-font-size-to(type-scale(base), 2);
  }

}

button
{
  @extend %button;
}
%button
{
  @include adjust-font-size-to(type-scale(base), 2);
  padding-left: h-rhythm(0.5);
  padding-right: h-rhythm(0.5);
  border: none;
  cursor: pointer;
  position: relative;
  text-decoration: none;
  text-align: center;
  -webkit-appearance: none;
  -webkit-border-radius:0;
  color: $ui-color;
  background-color: $ui-background-color;

  &:hover,
  &:focus
  {
    background-color: $ui-background-color-hover;
  }

  &.disabled
  {
    opacity: $disabled-opacity;
    cursor: not-allowed;
  }

  .Icon
  {
    @include adjust-font-size-to(type-scale(base), 2);
  }

}

button
{
  @extend %button;
}
Remove block styling for button
Remove block styling for button
