<header>
  <form>
    <button type="submit">Suchen</button>
  </form>
</header>
<main>
  <form>
    <button type="submit">Senden</button>
  </form>
</main>
<footer>
  <form>
    <button type="submit">Senden</button>
  </form>
</footer>
%button {
  background: #080;
  border: .25em solid #040;
  border-radius: .25em;
  color: #fff;
  margin: 1em;
  padding: 1em 2em; 
}
%button-small {
  padding: .5em 1em; 
}
%button-grey {
  background: #333;
  border-color: #151515;
}

header [type="submit"] {
  @extend %button;
  @extend %button-small;
}
main [type="submit"] {
  @extend %button;
}
footer [type="submit"] {
  @extend %button;
  @extend %button-grey;
}
View Compiled
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.