// ----
// Sass (v3.4.7)
// Compass (v1.0.1)
// Toolkit (v2.6.0)
// ----

@import "toolkit";

@mixin static($mixin-name, $extend: true) {
  @if $extend == true {
    @include dynamic-extend($mixin-name) {
      @include static($mixin-name, false) {
        @content;
      };
    }
  }
  @else {
    @content;
  }
}

@mixin button($color) {
	@include static('button') {
		border: 1px solid;
		border-radius: 5px;
		padding: .25em .5em;
    display: inline-block;
    color: #fff;
    text-decoration: none;

		&:hover {
			cursor: pointer;
		}
	}

	background-color: $color;
	border-color: mix(black, $color, 25%);

	&:hover {
		background-color: mix(black, $color, 15%);
		border-color: mix(black, $color, 40%);
	}
}

.button-red {
  @include button(#a63838);
}

.button-blue {
  @include button(#462cab);
}

.button-orange {
  @include button(#EDA93B);
}