@btn-font-weight: 400;
@btn-border-radius-base: @border-radius-base;
@btn-border-radius-sm: @border-radius-base;
@btn-border-width: @border-width-base;
@btn-border-style: @border-style-base;
@btn-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
@btn-primary-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
@btn-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);

// primary
@btn-primary-color: @white;
@btn-primary-bg: @primary-color;
@btn-primary-border: @primary-color;

@btn-primary-hover-color: @white;
@btn-primary-hover-bg: @primary-color-hover;
@btn-primary-hover-border: @primary-color-hover;

@btn-primary-active-color: @white;
@btn-primary-active-bg: @primary-color-active;
@btn-primary-active-border: @primary-color-active;

@btn-primary-disabled-color: @white;
@btn-primary-disabled-bg: @primary-color-disabled;
@btn-primary-disabled-border: @primary-color-disabled;

// default
@btn-default-color: @text-color;
@btn-default-bg: @neutral-2;
@btn-default-border: @neutral-2;

@btn-default-hover-color: @text-color;
@btn-default-hover-bg: @neutral-4;
@btn-default-hover-border: @neutral-4;

@btn-default-active-color: @text-color;
@btn-default-active-bg: @neutral-5;
@btn-default-active-border: @neutral-5;

@btn-default-disabled-color: @neutral-7;
@btn-default-disabled-bg: @neutral-2;
@btn-default-disabled-border: @neutral-2;

// dashed
@btn-dashed-color: @primary-color;
@btn-dashed-bg: @neutral-2;
@btn-dashed-border: @neutral-5;

@btn-dashed-hover-color: @primary-color;
@btn-dashed-hover-bg: @neutral-4;
@btn-dashed-hover-border: @neutral-5;

@btn-dashed-active-color: @primary-color;
@btn-dashed-active-bg: @neutral-5;
@btn-dashed-active-border: @neutral-5;

@btn-dashed-disabled-color: @primary-color-disabled;
@btn-dashed-disabled-bg: @neutral-2;
@btn-dashed-disabled-border: @neutral-4;

// danger
@btn-danger-color: @white;
@btn-danger-bg: @error-color;
@btn-danger-border: @error-color;

@btn-danger-hover-color: @white;
@btn-danger-hover-bg: @error-color-hover;
@btn-danger-hover-border: @error-color-hover;

@btn-danger-active-color: @white;
@btn-danger-active-bg: @error-color-active;
@btn-danger-active-border: @error-color-active;

@btn-danger-disabled-color: @white;
@btn-danger-disabled-bg: @error-color-disabled;
@btn-danger-disabled-border: @error-color-disabled;

@btn-disable-color: @disabled-color;
@btn-disable-bg: @disabled-bg;
@btn-disable-border: @border-color-base;

@btn-default-ghost-color: @component-background;
@btn-default-ghost-bg: transparent;
@btn-default-ghost-border: @component-background;

@btn-font-size-lg: @font-size-lg;
@btn-font-size-sm: @font-size-base;
@btn-padding-horizontal-base: @padding-md - 1px;
@btn-padding-horizontal-lg: @btn-padding-horizontal-base;
@btn-padding-horizontal-sm: @padding-xs - 1px;

@btn-height-base: @height-base;
@btn-height-lg: @height-lg;
@btn-height-sm: @height-sm;

@btn-line-height: @line-height-base;

@btn-circle-size: @btn-height-base;
@btn-circle-size-lg: @btn-height-lg;
@btn-circle-size-sm: @btn-height-sm;

@btn-square-size: @btn-height-base;
@btn-square-size-lg: @btn-height-lg;
@btn-square-size-sm: @btn-height-sm;
@btn-square-only-icon-size: @font-size-base + 2px;
@btn-square-only-icon-size-sm: @font-size-base;
@btn-square-only-icon-size-lg: @btn-font-size-lg + 2px;

@btn-group-border: @primary-5;

@btn-link-hover-bg: transparent;
@btn-text-hover-bg: rgba(0, 0, 0, 0.018);