Compass/SASS Sexy Button Mixin

sexy-button.scss

/* Create a custom mixing for a sexy button */
@mixin sexy-button($color, $font-color) {
  color: $font-color;
  font-family: $secondary-font-family;
  font-weight: bold;
  font-size: 12px;
  padding: .75em 1em;
  text-decoration: none;
  position: relative;
  border: 1px solid rgba(0,0,0,.1);
  border-top: none;
  @include single-text-shadow;
  @include border-radius(20px);
  @include background-image($color);
  @include box-shadow(rgba(0,0,0,.3) 0 2px 3px, inset rgba(255,255,255,.2) 0 2px 0);
    &:active {
     top: 1px;
     @include box-shadow(inset rgba(255,255,255,.2) 0 2px 0);
    }
}

/* Add sexy button styles to my anchor link */
a.buttonStyle {
  @include sexy-button(linear-gradient(#0069a1, #003868), #FFF);
}

That is one, smoking hot button, guy.