Generated by SassMeister.com.

SassMeister-input-HTML.html

<a href="#" class="button-primary">Primary button</a>
<a href="#" class="button-secondary">Secondary button</a>

SassMeister-input.scss

// ----
// Sass (v3.3.14)
// Compass (v1.0.0.rc.0)
// ----

.button {
  padding: 1em 2em;
  font-family: Avenir, Helvetica, sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-decoration: none;
}

.button-primary {
  @extend .button;
  color: white;
  background-color: maroon;
}

.button-secondary {
  @extend .button;
  color: dimgray;
  background-color: papayawhip;
}

SassMeister-output.css

.button, .button-primary, .button-secondary {
  padding: 1em 2em;
  font-family: Avenir, Helvetica, sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-decoration: none;
}

.button-primary {
  color: white;
  background-color: maroon;
}

.button-secondary {
  color: dimgray;
  background-color: papayawhip;
}

SassMeister-rendered.html

<a href="#" class="button-primary">Primary button</a>
<a href="#" class="button-secondary">Secondary button</a>