// Do not edit this file.

.button(@buttoncolor: @colorWhite, @buttontext: darken(@buttoncolor, 60%), @buttonpadding: 0 @size2, @buttonradius: @size1) {
  .vertical-gradient(@buttoncolor, darken(@buttoncolor, 8%));
  border: 2px solid darken(@buttoncolor, 15%);
  .border-radius(@buttonradius);
  .box-shadow(0px, 1px, 0px, 0px, @buttoncolor, inset);
  color: @buttontext;
  text-shadow:1px 1px 0px @buttoncolor;
  cursor: pointer;
  .inline-block();
  font-weight: bold;
  font-style: normal;
  padding: @buttonpadding;
  text-align: center;
  text-decoration: none;
  text-indent: 0;
  &:active {
    position:relative;
    top:1px;
  }
  &:hover {
    .vertical-gradient(darken(@buttoncolor, 12%), darken(@buttoncolor, 5%));
  }
}
