Nesty nesty

.btn {
  @include box-sizing(border-box);
  display: inline-block;
  padding: 0.5em 1.75em;
  border: none;
  border-bottom: 1px solid #6B5F5A;
  margin: 0;
  background-color: $brand;
  color: #fff;
  cursor: pointer;
  font: inherit;
  line-height: normal;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  white-space: nowrap;
  -webkit-appearance: none;

  &:hover,
  &:focus {
    background-color: yellow;
  }

  &:active {
    position: relative;
    top: 1px;
  }
}

.btn-danger {
  background-color: red;

  &:hover,
  &:focus {
    background-color: darkRed;
  }
}