Create a button quickly and easily using Sass.

HTML

<a href="#" class="btn">The Button</a>

Sass

$btn-bkg: #f47721;
.btn {
  display: inline-block;
  padding: 18px;
  background: $btn-bkg;
  color: white;
  &:hover {
    background: darken($btn-bkg, 10%)
  }
}

You may change the background colour of the button on line one of the code snippet above. And by default, the hover background colour is automatically darkened by 10%. You can darken the hover background colour more on line eight or change the hover background colour to lighten on line eight in the above code snippet.