button.scss

$color: #E3DAC9;

.button {
  color: #444;
  line-height: 1.4em;
  padding: 2px 6px;
  cursor: pointer;
  white-space: nowrap;
  outline: none;
  background-color: $color;
  border-top: solid 0.1em darken($color,10%);
  border-right: solid 0.2em darken($color,30%);
  border-bottom: solid 0.3em darken($color,40%);
  border-left: solid 0.2em darken($color,20%);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  &:hover {
    color: #222;
    background-color: $color;
  }
  &:active, &.selected {
    border-top-width: 0.2em;
    border-right-width: 0.2em;
    border-bottom-width: 0.2em;
    border-left-width: 0.2em;
  }
  img {
    padding-left: 0.25em;
    vertical-align: middle;
    opacity: 0.8;
  }
  &:hover img {
    opacity: 1;
  }
}