.button(
    @colorTop: #fb8825,
    @colorMiddle: #f97215,
    @colorBottom: #f75904,
    @buttonBorderColor: #e54301,
    @borderRadius: 10px,
    @textShadow:#c2520b,
    @boxShadow1: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.5),
    @boxShadow2:1px 1px 1px 1px rgba(0, 0, 0, 0.5)
       ){
  .gradient-background(@colorTop, @colorMiddle, @colorBottom);
  /*button layout*/
  display: inline-block;
  padding: 15px 10px 15px 10px;
  text-align: center;
  margin-bottom: 3px;

  /*border radius*/
  border: 1px solid @buttonBorderColor;
    .border-radius(@borderRadius);
  /*box shadow*/
  -webkit-box-shadow: @boxShadow1, @boxShadow2;
  -moz-box-shadow: @boxShadow1, @boxShadow2;
  box-shadow: @boxShadow1, @boxShadow2;

  /*font*/
  font-size: 14px;
  color: white;
  text-shadow: 1px 1px 1px @textShadow;
  strong {
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
  }
}