/*******************************
            Button
*******************************/

/*-------------------
       Element
--------------------*/

@buttonBackgroundColor: #F8F8F8;
@buttonBackgroundImage: linear-gradient(transparent, rgba(0, 0, 0, 0.05));
@buttonVerticalAlign: middle;
@buttonBorderRadius: 0.4em;
@buttonBorderBoxShadowColor: @borderColor;

/* Shadow */
@buttonShadowDistance: 0.3em;
@buttonVerticalPadding: 1em;
@buttonHorizontalPadding: 2em;

/* transition box shadow as well */
@transition:
  opacity @defaultDuration @defaultEasing,
  background-color @defaultDuration @defaultEasing,
  box-shadow @defaultDuration @defaultEasing,
  color @defaultDuration @defaultEasing,
  background @defaultDuration @defaultEasing
;