Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.4.13)
// Compass (v1.0.3)
// ----

@mixin btn-gen($bg, $color, $border, $hover-bg, $hover-border, $hover-color) {
  background-color: $bg;
  color: $color;
  border: 1px solid $border;

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

// Basic
$btn: (
  color                 : #95a5a6,
  bg                    : rgba(0, 0, 0, 0),
  border                : #95a5a6,
  hover-color           : darken(#95a5a6, 20%),
  hover-bg              : rgba(0, 0, 0, 0),
  hover-border          : darken(#95a5a6, 20%)
);


.btn {
  @include btn-gen($btn...);
}

SassMeister-output.css

.btn {
  background-color: transparent;
  color: #95a5a6;
  border: 1px solid #95a5a6;
}
.btn:hover, .btn:focus {
  background-color: transparent;
  border-color: #617374;
  color: #617374;
}