LESS beautiful button

.gradient (@from, @to) when (iscolor(@from)) and (iscolor(@to)) {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, @from), color-stop(1, @to));
  background: -moz-linear-gradient(top, @from 5%, @to 100%);
  background: -webkit-linear-gradient(top, @from 5%, @to 100%);
  background: -o-linear-gradient(top, @from 5%, @to 100%);
  background: -ms-linear-gradient(top, @from 5%, @to 100%);
  background: linear-gradient(to bottom, @from 5%, @to 100%);

  background-color: @from;
}

.button (@color) when (iscolor(@color)) {
  @darkshade: @color - #0c0c0c;
  .gradient(@color, @darkshade);
  box-shadow: inset 0px 1px 0px 0px (@color + #282828);
  border: 1px solid (@darkshade - #333);
  border-radius: 5px;
  text-decoration: none;

  &:hover {
    .gradient(@darkshade, @color);
  }
  &:active {
    position: relative;
    top: 1px;
  }
}