Generated by SassMeister.com.

SassMeister-input.scss

// ----
// 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);
}

SassMeister-output.css

.button-red {
  background-color: #a63838;
  border-color: #7c2a2a;
}
.button-red, .button-blue, .button-orange {
  border: 1px solid;
  border-radius: 5px;
  padding: .25em .5em;
  display: inline-block;
  color: #fff;
  text-decoration: none;
}
.button-red:hover, .button-blue:hover, .button-orange:hover {
  cursor: pointer;
}
.button-red:hover {
  background-color: #8d2f2f;
  border-color: #632121;
}

.button-blue {
  background-color: #462cab;
  border-color: #342180;
}
.button-blue:hover {
  background-color: #3b2591;
  border-color: #2a1a66;
}

.button-orange {
  background-color: #EDA93B;
  border-color: #b17e2c;
}
.button-orange:hover {
  background-color: #c98f32;
  border-color: #8e6523;
}