gistfile1.css

@mixin pretty_button($font_size, $gradient_color) {
  $border:$font_size/2;
  span {
    font-size:$font_size;
    line-height:$font_size * 2;
    margin:$border;
    padding:$font_size/3+1px $font_size*1.5;
    position:relative;
    text-align:center;
    @include background-image(linear-gradient(top, $gradient_color, adjust-lightness($gradient_color, -15)));
    @include border-radius($font_size*2);
    @include single-box-shadow(rgba(0,0,0,0.3), 0, 0, 0, 1px, inset);
  }
  span:hover {
    @include background-image(linear-gradient(top, adjust-lightness($gradient_color, -5), adjust-lightness($gradient_color, 5)));
  }
  span:before {
    content:'';
    position:absolute;
    top:-$border;
    left:-$border;
    bottom:-$border;
    right:-$border;
    background:rgba(0,0,0,0.04);
    @include border-radius($font_size*2);
    @include single-box-shadow(rgba(255,255,255,0.2), 0, 1px, 0, 1px, inset);
  }
  span:after {
    content:'';
    position:absolute;
    top:0px;
    left:0px;
    bottom:0px;
    right:0px;
    @include border-radius($font_size*2);
    @include single-box-shadow(rgba(255,255,255,0.4), 0, 0, 3px, 1px, inset);
  }
}