px {
      border-radius: $rounded;
    }

  }

  // Hover &amp; Focus State
  #{$output}:hover,
  #{$output}:focus {
    outline: 0;

    @if $type == solid {
      background-color: darken($color, 11%);
      border-color: darken($color, 11%);
    } @else if $type == border {
      color: darken($color, 20%);
      border-color: darken($color, 15%);
    }

  }

  //TODO: style :active properly
  #{$output}:active {
    outline: 0;

    @if $type == solid {
      background-color: darken($color, 11%);
    