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

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

/* Shadow */
@buttonShadowDistance: 0em;
@buttonShadowOffset: (@buttonShadowDistance / 2);
@buttonShadowBoxShadow: 0px -@buttonShadowDistance 0px 0px @borderColor inset;
@buttonBackgroundColor: #FAFAFA;
@buttonBackgroundImage: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.09));
@boxShadow:
  0px 0px 0px 1px @borderColor inset,
  @buttonShadowBoxShadow
;

/* Padding */
@buttonVerticalPadding: 0.8em;
@buttonHorizontalPadding: 1.5em;


/*-------------------
        Group
--------------------*/

@buttonGroupBoxShadow: none;
@buttonGroupButtonBoxShadow:
  0px 0px 0px 1px @borderColor inset,
  @buttonShadowBoxShadow
;
@buttonVerticalBoxShadow: 0px 0px 0px 1px @borderColor inset;
@buttonGroupButtonOffset: 0px 0px 0px -1px;
@buttonVerticalGroupOffset: 0px 0px -1px 0px;

/*-------------------
        States
--------------------*/

/* Hovered */
@buttonHoverBackgroundColor: '';
@buttonHoverBackgroundImage: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.13));
@buttonHoverBoxShadow: '';
@buttonHoverColor: @hoveredTextColor;
@buttonIconHoverOpacity: 0.85;

/* Focused */
@buttonFocusBackgroundColor: '';
@buttonFocusBackgroundImage: '';
@buttonFocusBoxShadow:
  0px 0px 1px rgba(81, 167, 232, 0.8) inset,
  0px 0px 3px 2px rgba(81, 167, 232, 0.8)
;
@buttonFocusColor: @hoveredTextColor;
@buttonIconFocusOpacity: 0.85;

/* Pressed Down */
@buttonDownBackgroundColor: #F1F1F1;
@buttonDownBackgroundImage: '';
@downBoxShadow:
  0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
  0px 1px 4px 0px rgba(0, 0, 0, 0.1) inset !important
;
@buttonDownColor: @pressedTextColor;

/* Active */
@buttonActiveBackgroundColor: #DADADA;
@buttonActiveBackgroundImage: none;
@buttonActiveColor: @selectedTextColor;
@buttonActiveBoxShadow:
  0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
  0px 1px 4px 0px rgba(0, 0, 0, 0.1) inset !important
;

/* Active + Hovered */
@buttonActiveHoverBackgroundColor: #DADADA;
@buttonActiveHoverBackgroundImage: none;
@buttonActiveHoverBoxShadow:
  0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
  0px 1px 4px 0px rgba(0, 0, 0, 0.1) inset !important
;
@buttonActiveHoverColor: @selectedTextColor;

/* Loading */
@loadingBackgroundColor: #FFFFFF;

/*-------------------
        Types
--------------------*/

/* Labeled Icon */
@buttonLabeledIconBackgroundColor: rgba(0, 0, 0, 0.05);
@buttonLabeledIconLeftShadow: -1px 0px 0px 0px @buttonLabeledIconBorder inset;
@buttonLabeledIconRightShadow: 1px 0px 0px 0px @buttonLabeledIconBorder inset;