Generated by SassMeister.com.

SassMeister-input-HTML.html

<button class="btn btn-default">default</button>
<button class="btn btn-info">info</button>
<button class="btn btn-succuess">success</button>

SassMeister-input.scss

// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----

@mixin button-size($vertical-padding:3px,$horzatation:12px,$font-size:12px,$line-height:1,$border-radius:3px){
    padding:$vertical-padding $horzatation;
    font-size:$font-size;
    line-height:$line-height;
    border-radius:$border-radius;
}
.btn {  
  color:black;
  border:1px solid hsl(110deg,20%,20%);
  @include button-size(3px,12px,12px,1.5,3px);
}
.btn-default{
  @extend .btn;
  background:hsl(110deg,100%,80%);
}
.btn-info{
  @extend .btn;
  background:hsl(290deg,100%,80%);
}
.btn-succuess{
  @extend .btn;
  background:hsl(140deg,100%,80%);
}

SassMeister-output.css

.btn, .btn-default, .btn-info, .btn-succuess {
  color: black;
  border: 1px solid #2c3d29;
  padding: 3px 12px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-default {
  background: #aaff99;
}

.btn-info {
  background: #ee99ff;
}

.btn-succuess {
  background: #99ffbb;
}

SassMeister-rendered.html

<button class="btn btn-default">default</button>
<button class="btn btn-info">info</button>
<button class="btn btn-succuess">success</button>