@import '../../styles/themes/index.less';
@import '../../styles/mixins/index.less';

@btn-font-weight: @font-weight-400;
@btn-border-radius: @border-radius-small;
@btn-border-width: @border-1;

@btn-size-small-height: @size-small;
@btn-size-middle-height: @size-middle;
@btn-size-large-height: @size-large;

@btn-size-small-radius: @btn-border-radius;
@btn-size-middle-radius: @btn-border-radius;
@btn-size-large-radius: @btn-border-radius;

@btn-size-small-border-width: @btn-border-width;
@btn-size-middle-border-width: @btn-border-width;
@btn-size-large-border-width: @btn-border-width;

@btn-size-small-icon-spacing: @spacing-3;
@btn-size-middle-icon-spacing: @spacing-4;
@btn-size-large-icon-spacing: @spacing-4;

@btn-size-small-icon-vertical-align: -2px;
@btn-size-middle-icon-vertical-align: -2px;
@btn-size-large-icon-vertical-align: -2px;

@btn-size-small-padding-horizontal: @spacing-3;
@btn-size-middle-padding-horizontal: @spacing-4;
@btn-size-large-padding-horizontal: @spacing-5;

@btn-size-small-font-size: @font-size-small;
@btn-size-middle-font-size: @font-size-middle;
@btn-size-large-font-size: @font-size-large;

/***** Outline *****/
@btn-default-color-text: var(--color-text-1);
@btn-default-color-text_disabled: var(--color-text-2);
@btn-default-color-text_hover: var(--primary-5);
@btn-default-color-text_active: var(--primary-7);
@btn-default-color-bg: @color-transparent;
@btn-default-color-bg_disabled: var(--color-fill-1);
@btn-default-color-bg_hover: @color-transparent;
@btn-default-color-bg_active: @color-transparent;
@btn-default-color-border: var(--color-border);
@btn-default-color-border_disabled: var(--color-border-2);
@btn-default-color-border_hover: var(--primary-5);
@btn-default-color-border_active: var(--primary-7);
// level
@btn-default-color-text_warning: var(--warning-6);
@btn-default-color-text_warning_disabled: var(--warning-3);
@btn-default-color-text_warning_hover: var(--warning-5);
@btn-default-color-text_warning_active: var(--warning-7);
@btn-default-color-bg_warning: @color-transparent;
@btn-default-color-bg_warning_disabled: @color-transparent;
@btn-default-color-bg_warning_hover: @color-transparent;
@btn-default-color-bg_warning_active: @color-transparent;
@btn-default-color-border_warning: var(--warning-6);
@btn-default-color-border_warning_disabled: var(--warning-3);
@btn-default-color-border_warning_hover: var(--warning-5);
@btn-default-color-border_warning_active: var(--warning-7);

@btn-default-color-text_danger: var(--danger-6);
@btn-default-color-text_danger_disabled: var(--danger-3);
@btn-default-color-text_danger_hover: var(--danger-5);
@btn-default-color-text_danger_active: var(--danger-7);
@btn-default-color-bg_danger: @color-transparent;
@btn-default-color-bg_danger_disabled: @color-transparent;
@btn-default-color-bg_danger_hover: @color-transparent;
@btn-default-color-bg_danger_active: @color-transparent;
@btn-default-color-border_danger: var(--danger-6);
@btn-default-color-border_danger_disabled: var(--danger-3);
@btn-default-color-border_danger_hover: var(--danger-5);
@btn-default-color-border_danger_active: var(--danger-7);

@btn-default-color-text_success: var(--success-6);
@btn-default-color-text_success_disabled: var(--success-3);
@btn-default-color-text_success_hover: var(--success-5);
@btn-default-color-text_success_active: var(--success-7);
@btn-default-color-bg_success: @color-transparent;
@btn-default-color-bg_success_disabled: @color-transparent;
@btn-default-color-bg_success_hover: @color-transparent;
@btn-default-color-bg_success_active: @color-transparent;
@btn-default-color-border_success: var(--success-6);
@btn-default-color-border_success_disabled: var(--success-3);
@btn-default-color-border_success_hover: var(--success-5);
@btn-default-color-border_success_active: var(--success-7);
// border
@btn-default-border-style: @border-solid;

// /***** Outline *****/
// @btn-outline-color-text: var(--color-text-1);
// @btn-outline-color-text_disabled: var(--color-text-2);
// @btn-outline-color-text_hover: var(--primary-5);
// @btn-outline-color-text_active: var(--primary-7);
// @btn-outline-color-bg: @color-transparent;
// @btn-outline-color-bg_disabled: @color-transparent;
// @btn-outline-color-bg_hover: @color-transparent;
// @btn-outline-color-bg_active: @color-transparent;
// @btn-outline-color-border: var(--color-border);
// @btn-outline-color-border_disabled: var(--color-border-2);
// @btn-outline-color-border_hover: var(--primary-5);
// @btn-outline-color-border_active: var(--primary-7);
// // level
// @btn-outline-color-text_warning: var(--warning-6);
// @btn-outline-color-text_warning_disabled: var(--warning-3);
// @btn-outline-color-text_warning_hover: var(--warning-5);
// @btn-outline-color-text_warning_active: var(--warning-7);
// @btn-outline-color-bg_warning: @color-transparent;
// @btn-outline-color-bg_warning_disabled: @color-transparent;
// @btn-outline-color-bg_warning_hover: @color-transparent;
// @btn-outline-color-bg_warning_active: @color-transparent;
// @btn-outline-color-border_warning: var(--warning-6);
// @btn-outline-color-border_warning_disabled: var(--warning-3);
// @btn-outline-color-border_warning_hover: var(--warning-5);
// @btn-outline-color-border_warning_active: var(--warning-7);

// @btn-outline-color-text_danger: var(--danger-6);
// @btn-outline-color-text_danger_disabled: var(--danger-3);
// @btn-outline-color-text_danger_hover: var(--danger-5);
// @btn-outline-color-text_danger_active: var(--danger-7);
// @btn-outline-color-bg_danger: @color-transparent;
// @btn-outline-color-bg_danger_disabled: @color-transparent;
// @btn-outline-color-bg_danger_hover: @color-transparent;
// @btn-outline-color-bg_danger_active: @color-transparent;
// @btn-outline-color-border_danger: var(--danger-6);
// @btn-outline-color-border_danger_disabled: var(--danger-3);
// @btn-outline-color-border_danger_hover: var(--danger-5);
// @btn-outline-color-border_danger_active: var(--danger-7);

// @btn-outline-color-text_success: var(--success-6);
// @btn-outline-color-text_success_disabled: var(--success-3);
// @btn-outline-color-text_success_hover: var(--success-5);
// @btn-outline-color-text_success_active: var(--success-7);
// @btn-outline-color-bg_success: @color-transparent;
// @btn-outline-color-bg_success_disabled: @color-transparent;
// @btn-outline-color-bg_success_hover: @color-transparent;
// @btn-outline-color-bg_success_active: @color-transparent;
// @btn-outline-color-border_success: var(--success-6);
// @btn-outline-color-border_success_disabled: var(--success-3);
// @btn-outline-color-border_success_hover: var(--success-5);
// @btn-outline-color-border_success_active: var(--success-7);
// // border
// @btn-outline-border-style: @border-solid;

/***** Primary *****/
@btn-primary-color-text: #fff;
@btn-primary-color-text_disabled: #fff;
@btn-primary-color-text_hover: #fff;
@btn-primary-color-text_active: #fff;
@btn-primary-color-bg: var(--primary-color);
@btn-primary-color-bg_disabled: var(--primary-3);
@btn-primary-color-bg_hover: var(--primary-5);
@btn-primary-color-bg_active: var(--primary-7);
@btn-primary-color-border: @color-transparent;
@btn-primary-color-border_disabled: @color-transparent;
@btn-primary-color-border_hover: @color-transparent;
@btn-primary-color-border_active: @color-transparent;
// level
@btn-primary-color-text_warning: #fff;
@btn-primary-color-text_warning_disabled: #fff;
@btn-primary-color-text_warning_hover: #fff;
@btn-primary-color-text_warning_active: #fff;
@btn-primary-color-bg_warning: var(--warning-6);
@btn-primary-color-bg_warning_disabled: var(--warning-3);
@btn-primary-color-bg_warning_hover: var(--warning-5);
@btn-primary-color-bg_warning_active: var(--warning-7);
@btn-primary-color-border_warning: @color-transparent;
@btn-primary-color-border_warning_disabled: @color-transparent;
@btn-primary-color-border_warning_hover: @color-transparent;
@btn-primary-color-border_warning_active: @color-transparent;

@btn-primary-color-text_danger: #fff;
@btn-primary-color-text_danger_disabled: #fff;
@btn-primary-color-text_danger_hover: #fff;
@btn-primary-color-text_danger_active: #fff;
@btn-primary-color-bg_danger: var(--danger-6);
@btn-primary-color-bg_danger_disabled: var(--danger-3);
@btn-primary-color-bg_danger_hover: var(--danger-5);
@btn-primary-color-bg_danger_active: var(--danger-7);
@btn-primary-color-border_danger: @color-transparent;
@btn-primary-color-border_danger_disabled: @color-transparent;
@btn-primary-color-border_danger_hover: @color-transparent;
@btn-primary-color-border_danger_active: @color-transparent;

@btn-primary-color-text_success: #fff;
@btn-primary-color-text_success_disabled: #fff;
@btn-primary-color-text_success_hover: #fff;
@btn-primary-color-text_success_active: #fff;
@btn-primary-color-bg_success: var(--success-6);
@btn-primary-color-bg_success_disabled: var(--success-3);
@btn-primary-color-bg_success_hover: var(--success-5);
@btn-primary-color-bg_success_active: var(--success-7);
@btn-primary-color-border_success: @color-transparent;
@btn-primary-color-border_success_disabled: @color-transparent;
@btn-primary-color-border_success_hover: @color-transparent;
@btn-primary-color-border_success_active: @color-transparent;
// border
@btn-primary-border-style: @border-solid;

/***** Secondary *****/
@btn-secondary-color-text: var(--color-text-1);
@btn-secondary-color-text_disabled: var(--color-text-3);
@btn-secondary-color-text_hover: var(--color-text-2);
@btn-secondary-color-text_active: var(--color-text-2);
@btn-secondary-color-bg: var(--color-fill-2);
@btn-secondary-color-bg_disabled: var(--color-fill-2);
@btn-secondary-color-bg_hover: var(--color-fill-3);
@btn-secondary-color-bg_active: var(--color-fill-4);
@btn-secondary-color-border: @color-transparent;
@btn-secondary-color-border_disabled: @color-transparent;
@btn-secondary-color-border_hover: @color-transparent;
@btn-secondary-color-border_active: @color-transparent;
// level
@btn-secondary-color-text_warning: var(--warning-6);
@btn-secondary-color-text_warning_disabled: var(--warning-3);
@btn-secondary-color-text_warning_hover: var(--warning-6);
@btn-secondary-color-text_warning_active: var(--warning-6);
@btn-secondary-color-bg_warning: var(--warning-1);
@btn-secondary-color-bg_warning_disabled: var(--warning-1);
@btn-secondary-color-bg_warning_hover: var(--warning-2);
@btn-secondary-color-bg_warning_active: var(--warning-3);
@btn-secondary-color-border_warning: @color-transparent;
@btn-secondary-color-border_warning_disabled: @color-transparent;
@btn-secondary-color-border_warning_hover: @color-transparent;
@btn-secondary-color-border_warning_active: @color-transparent;

@btn-secondary-color-text_danger: var(--danger-6);
@btn-secondary-color-text_danger_disabled: var(--danger-3);
@btn-secondary-color-text_danger_hover: var(--danger-6);
@btn-secondary-color-text_danger_active: var(--danger-6);
@btn-secondary-color-bg_danger: var(--danger-1);
@btn-secondary-color-bg_danger_disabled: var(--danger-1);
@btn-secondary-color-bg_danger_hover: var(--danger-2);
@btn-secondary-color-bg_danger_active: var(--danger-3);
@btn-secondary-color-border_danger: @color-transparent;
@btn-secondary-color-border_danger_disabled: @color-transparent;
@btn-secondary-color-border_danger_hover: @color-transparent;
@btn-secondary-color-border_danger_active: @color-transparent;

@btn-secondary-color-text_success: var(--success-6);
@btn-secondary-color-text_success_disabled: var(--success-3);
@btn-secondary-color-text_success_hover: var(--success-6);
@btn-secondary-color-text_success_active: var(--success-6);
@btn-secondary-color-bg_success: var(--success-1);
@btn-secondary-color-bg_success_disabled: var(--success-1);
@btn-secondary-color-bg_success_hover: var(--success-2);
@btn-secondary-color-bg_success_active: var(--success-3);
@btn-secondary-color-border_success: @color-transparent;
@btn-secondary-color-border_success_disabled: @color-transparent;
@btn-secondary-color-border_success_hover: @color-transparent;
@btn-secondary-color-border_success_active: @color-transparent;
// border
@btn-secondary-border-style: @border-solid;

/***** Dashed *****/
@btn-dashed-color-text: var(--color-text-1);
@btn-dashed-color-text_disabled: var(--color-text-2);
@btn-dashed-color-text_hover: var(--color-text-2);
@btn-dashed-color-text_active: var(--color-text-2);
@btn-dashed-color-bg: var(--color-fill-2);
@btn-dashed-color-bg_disabled: var(--color-fill-2);
@btn-dashed-color-bg_hover: var(--color-fill-3);
@btn-dashed-color-bg_active: var(--color-fill-4);
@btn-dashed-color-border: @gray-3;
@btn-dashed-color-border_disabled: @gray-3;
@btn-dashed-color-border_hover: @gray-4;
@btn-dashed-color-border_active: @gray-5;
// level
@btn-dashed-color-text_warning: var(--warning-6);
@btn-dashed-color-text_warning_disabled: var(--warning-3);
@btn-dashed-color-text_warning_hover: var(--warning-5);
@btn-dashed-color-text_warning_active: var(--warning-7);
@btn-dashed-color-bg_warning: var(--warning-1);
@btn-dashed-color-bg_warning_disabled: var(--warning-1);
@btn-dashed-color-bg_warning_hover: var(--warning-2);
@btn-dashed-color-bg_warning_active: var(--warning-3);
@btn-dashed-color-border_warning: var(--warning);
@btn-dashed-color-border_warning_disabled: var(--warning-3);
@btn-dashed-color-border_warning_hover: var(--warning-5);
@btn-dashed-color-border_warning_active: var(--warning-7);

@btn-dashed-color-text_danger: var(--danger-6);
@btn-dashed-color-text_danger_disabled: var(--danger-3);
@btn-dashed-color-text_danger_hover: var(--danger-5);
@btn-dashed-color-text_danger_active: var(--danger-7);
@btn-dashed-color-bg_danger: var(--danger-1);
@btn-dashed-color-bg_danger_disabled: var(--danger-1);
@btn-dashed-color-bg_danger_hover: var(--danger-2);
@btn-dashed-color-bg_danger_active: var(--danger-3);
@btn-dashed-color-border_danger: var(--danger);
@btn-dashed-color-border_danger_disabled: var(--danger-3);
@btn-dashed-color-border_danger_hover: var(--danger-5);
@btn-dashed-color-border_danger_active: var(--danger-7);

@btn-dashed-color-text_success: var(--success-6);
@btn-dashed-color-text_success_disabled: var(--success-3);
@btn-dashed-color-text_success_hover: var(--success-5);
@btn-dashed-color-text_success_active: var(--success-7);
@btn-dashed-color-bg_success: var(--success-1);
@btn-dashed-color-bg_success_disabled: var(--success-1);
@btn-dashed-color-bg_success_hover: var(--success-2);
@btn-dashed-color-bg_success_active: var(--success-3);
@btn-dashed-color-border_success: var(--success);
@btn-dashed-color-border_success_disabled: var(--success-3);
@btn-dashed-color-border_success_hover: var(--success-5);
@btn-dashed-color-border_success_active: var(--success-7);
// border
@btn-dashed-border-style: @border-dashed;

/***** Text *****/
@btn-text-color-text: var(--color-text-2);
@btn-text-color-text_disabled: var(--color-text-4);
@btn-text-color-text_hover: var(--primary-color);
@btn-text-color-text_active: var(--primary-color);
@btn-text-color-bg: @color-transparent;
@btn-text-color-bg_disabled: @color-transparent;
@btn-text-color-bg_hover: var(--color-fill-2);
@btn-text-color-bg_active: var(--color-fill-3);
@btn-text-color-border: @color-transparent;
@btn-text-color-border_disabled: @color-transparent;
@btn-text-color-border_hover: @color-transparent;
@btn-text-color-border_active: @color-transparent;
// level
@btn-text-color-text_warning: var(--warning-6);
@btn-text-color-text_warning_disabled: var(--warning-3);
@btn-text-color-text_warning_hover: var(--warning-5);
@btn-text-color-text_warning_active: var(--warning-7);
@btn-text-color-bg_warning: @color-transparent;
@btn-text-color-bg_warning_disabled: @color-transparent;
@btn-text-color-bg_warning_hover: var(--color-fill-2);
@btn-text-color-bg_warning_active: var(--color-fill-3);
@btn-text-color-border_warning: @color-transparent;
@btn-text-color-border_warning_disabled: @color-transparent;
@btn-text-color-border_warning_hover: @color-transparent;
@btn-text-color-border_warning_active: @color-transparent;

@btn-text-color-text_danger: var(--danger-6);
@btn-text-color-text_danger_disabled: var(--danger-3);
@btn-text-color-text_danger_hover: var(--danger-5);
@btn-text-color-text_danger_active: var(--danger-7);
@btn-text-color-bg_danger: @color-transparent;
@btn-text-color-bg_danger_disabled: @color-transparent;
@btn-text-color-bg_danger_hover: var(--color-fill-2);
@btn-text-color-bg_danger_active: var(--color-fill-3);
@btn-text-color-border_danger: @color-transparent;
@btn-text-color-border_danger_disabled: @color-transparent;
@btn-text-color-border_danger_hover: @color-transparent;
@btn-text-color-border_danger_active: @color-transparent;

@btn-text-color-text_success: var(--success-6);
@btn-text-color-text_success_disabled: var(--success-3);
@btn-text-color-text_success_hover: var(--success-6);
@btn-text-color-text_success_active: var(--success-6);
@btn-text-color-bg_success: @color-transparent;
@btn-text-color-bg_success_disabled: @color-transparent;
@btn-text-color-bg_success_hover: var(--color-fill-2);
@btn-text-color-bg_success_active: var(--color-fill-3);
@btn-text-color-border_success: @color-transparent;
@btn-text-color-border_success_disabled: @color-transparent;
@btn-text-color-border_success_hover: @color-transparent;
@btn-text-color-border_success_active: @color-transparent;
// border
@btn-text-border-style: @border-solid;
/***** link *****/
@btn-link-color-text: var(--primary-color);
@btn-link-color-text_disabled: var(--primary-3);
@btn-link-color-text_hover: var(--primary-5);
@btn-link-color-text_active: var(--primary-7);
@btn-link-color-bg: @color-transparent;
@btn-link-color-bg_disabled: @color-transparent;
@btn-link-color-bg_hover: @color-transparent;
@btn-link-color-bg_active: @color-transparent;
@btn-link-color-border: @color-transparent;
@btn-link-color-border_disabled: @color-transparent;
@btn-link-color-border_hover: @color-transparent;
@btn-link-color-border_active: @color-transparent;
// level
@btn-link-color-text_warning: var(--warning-6);
@btn-link-color-text_warning_disabled: var(--warning-3);
@btn-link-color-text_warning_hover: var(--warning-5);
@btn-link-color-text_warning_active: var(--warning-7);
@btn-link-color-bg_warning: @color-transparent;
@btn-link-color-bg_warning_disabled: @color-transparent;
@btn-link-color-bg_warning_hover: @color-transparent;
@btn-link-color-bg_warning_active: @color-transparent;
@btn-link-color-border_warning: @color-transparent;
@btn-link-color-border_warning_disabled: @color-transparent;
@btn-link-color-border_warning_hover: @color-transparent;
@btn-link-color-border_warning_active: @color-transparent;

@btn-link-color-text_danger: var(--danger-6);
@btn-link-color-text_danger_disabled: var(--danger-3);
@btn-link-color-text_danger_hover: var(--danger-5);
@btn-link-color-text_danger_active: var(--danger-7);
@btn-link-color-bg_danger: @color-transparent;
@btn-link-color-bg_danger_disabled: @color-transparent;
@btn-link-color-bg_danger_hover: @color-transparent;
@btn-link-color-bg_danger_active: @color-transparent;
@btn-link-color-border_danger: @color-transparent;
@btn-link-color-border_danger_disabled: @color-transparent;
@btn-link-color-border_danger_hover: @color-transparent;
@btn-link-color-border_danger_active: @color-transparent;

@btn-link-color-text_success: var(--success-6);
@btn-link-color-text_success_disabled: var(--success-3);
@btn-link-color-text_success_hover: var(--success-5);
@btn-link-color-text_success_active: var(--success-7);
@btn-link-color-bg_success: @color-transparent;
@btn-link-color-bg_success_disabled: @color-transparent;
@btn-link-color-bg_success_hover: @color-transparent;
@btn-link-color-bg_success_active: @color-transparent;
@btn-link-color-border_success: @color-transparent;
@btn-link-color-border_success_disabled: @color-transparent;
@btn-link-color-border_success_hover: @color-transparent;
@btn-link-color-border_success_active: @color-transparent;
// border
@btn-link-border-style: @border-solid;

/***** ghost *****/
@btn-ghost-color-text: var(--color-text-1);
@btn-ghost-color-text_disabled: var(--color-text-3);
@btn-ghost-color-text_hover: var(--primary-5);
@btn-ghost-color-text_active: var(--primary-7);
@btn-ghost-color-bg: @color-transparent;
@btn-ghost-color-bg_disabled: @color-transparent;
@btn-ghost-color-bg_hover: @color-transparent;
@btn-ghost-color-bg_active: @color-transparent;
@btn-ghost-color-border: var(--color-border);
@btn-ghost-color-border_disabled: var(--color-border-2);
@btn-ghost-color-border_hover: var(--primary-5);
@btn-ghost-color-border_active: var(--primary-7);

// level
@btn-ghost-color-text_primary: var(--primary-6);
@btn-ghost-color-text_primary_disabled: var(--primary-3);
@btn-ghost-color-text_primary_hover: var(--primary-5);
@btn-ghost-color-text_primary_active: var(--primary-7);
@btn-ghost-color-bg_primary: @color-transparent;
@btn-ghost-color-bg_primary_disabled: @color-transparent;
@btn-ghost-color-bg_primary_hover: @color-transparent;
@btn-ghost-color-bg_primary_active: @color-transparent;
@btn-ghost-color-border_primary: var(--primary);
@btn-ghost-color-border_primary_disabled: var(--primary-3);
@btn-ghost-color-border_primary_hover: var(--primary-5);
@btn-ghost-color-border_primary_active: var(--primary-7);

@btn-ghost-color-text_warning: var(--warning-6);
@btn-ghost-color-text_warning_disabled: var(--warning-3);
@btn-ghost-color-text_warning_hover: var(--warning-5);
@btn-ghost-color-text_warning_active: var(--warning-7);
@btn-ghost-color-bg_warning: @color-transparent;
@btn-ghost-color-bg_warning_disabled: @color-transparent;
@btn-ghost-color-bg_warning_hover: @color-transparent;
@btn-ghost-color-bg_warning_active: @color-transparent;
@btn-ghost-color-border_warning: var(--warning);
@btn-ghost-color-border_warning_disabled: var(--warning-3);
@btn-ghost-color-border_warning_hover: var(--warning-5);
@btn-ghost-color-border_warning_active: var(--warning-7);

@btn-ghost-color-text_danger: var(--danger-6);
@btn-ghost-color-text_danger_disabled: var(--danger-3);
@btn-ghost-color-text_danger_hover: var(--danger-5);
@btn-ghost-color-text_danger_active: var(--danger-7);
@btn-ghost-color-bg_danger: @color-transparent;
@btn-ghost-color-bg_danger_disabled: @color-transparent;
@btn-ghost-color-bg_danger_hover: @color-transparent;
@btn-ghost-color-bg_danger_active: @color-transparent;
@btn-ghost-color-border_danger: var(--danger);
@btn-ghost-color-border_danger_disabled: var(--danger-3);
@btn-ghost-color-border_danger_hover: var(--danger-5);
@btn-ghost-color-border_danger_active: var(--danger-7);

@btn-ghost-color-text_success: var(--success-6);
@btn-ghost-color-text_success_disabled: var(--success-3);
@btn-ghost-color-text_success_hover: var(--success-5);
@btn-ghost-color-text_success_active: var(--success-7);
@btn-ghost-color-bg_success: @color-transparent;
@btn-ghost-color-bg_success_disabled: @color-transparent;
@btn-ghost-color-bg_success_hover: @color-transparent;
@btn-ghost-color-bg_success_active: @color-transparent;
@btn-ghost-color-border_success: var(--success);
@btn-ghost-color-border_success_disabled: var(--success-3);
@btn-ghost-color-border_success_hover: var(--success-5);
@btn-ghost-color-border_success_active: var(--success-7);
// border
@btn-ghost-border-style: @border-solid;

/***** focus-visible *****/
@btn-box-shadow-radius: 2px;
@btn-primary-color-box-shadow: var(--primary-3);
@btn-default-color-box-shadow: var(--primary-3);
// @btn-outline-color-box-shadow: var(--primary-3);
@btn-secondary-color-box-shadow: var(--color-border-4);
@btn-dashed-color-box-shadow: var(--color-border-4);
@btn-text-color-box-shadow: var(--color-border-4);
@btn-link-color-box-shadow: var(--color-border-4);
@btn-ghost-color-box-shadow: var(--color-border-4);
@btn-color-box-shadow_primary: var(--primary-3);
@btn-color-box-shadow_warning: var(--warning-3);
@btn-color-box-shadow_danger: var(--danger-3);
@btn-color-box-shadow_success: var(--success-3);