// xl button尺寸
$b-design-btn-size-xl-padding: 40px;
$b-design-btn-size-xl-height: 48px;
$b-design-btn-size-xl-font: 16px;
$b-design-btn-size-xl-border-width: $line-1;
$b-design-btn-size-xl-corner: $corner-2;
$b-design-btn-size-xl-icon-margin: $s-1;
$b-design-btn-size-xl-icon-size: $icon-s;
$b-design-btn-size-xl-icon-split-size: $icon-s;

// xs button尺寸
$b-design-btn-size-xs-padding: 8px;
$b-design-btn-size-xs-height: 24px;
$b-design-btn-size-xs-font: 12px;
$b-design-btn-size-xs-border-width: $line-1;
$b-design-btn-size-xs-corner: $corner-2;
$b-design-btn-size-xs-icon-margin: $s-1;
$b-design-btn-size-xs-icon-size: $icon-xs;
$b-design-btn-size-xs-icon-split-size: $icon-xs;

// text button
$b-design-btn-text-background-color-hover: $color-brand1-1;
$b-design-btn-text-background-color-active: $color-brand1-2;

// primary button
$b-design-btn-primary-xl-padding: 0 41px;
$b-design-btn-primary-m-padding: 0 25px;
$b-design-btn-primary-s-padding: 0 13px;
$b-design-btn-primary-xs-padding: 0 9px;
$b-design-btn-primary-background-image: linear-gradient(90deg, $color-brand1-6 0%, $color-brand1-5 100%);

// 阴影
$b-design-btn-primary-box-shadow-xl-hover: 0 8px 16px 0 rgba($color-brand1-6, 0.30);
$b-design-btn-primary-box-shadow-l-hover: 0 4px 8px 0 rgba($color-brand1-6,0.30);
$b-design-btn-primary-box-shadow-m-hover: 0 4px 8px 0 rgba($color-brand1-6,0.30);
$b-design-btn-primary-box-shadow-s-hover: 0 4px 8px 0 rgba($color-brand1-6,0.30);
$b-design-btn-primary-box-shadow-xs-hover: 0 2px 4px 0 rgba($color-brand1-6,0.30);
$b-design-btn-primary-box-shadow-xl-active: 0 4px 8px 0 rgba($color-brand1-6,0.30);
$b-design-btn-primary-box-shadow-l-active: 0 2px 4px 0 rgba($color-brand1-6,0.30);
$b-design-btn-primary-box-shadow-m-active: 0 2px 4px 0 rgba($color-brand1-6,0.30);
$b-design-btn-primary-box-shadow-s-active: 0 2px 4px 0 rgba($color-brand1-6,0.30);
$b-design-btn-primary-box-shadow-xs-active: 0 1px 2px 0 rgba($color-brand1-6,0.30);

$b-design-btn-secondary-box-shadow-xl-hover: 0 8px 16px 0 rgba($color-brand1-6,0.20);
$b-design-btn-secondary-box-shadow-l-hover: 0 4px 8px 0 rgba($color-brand1-6,0.20);
$b-design-btn-secondary-box-shadow-m-hover: 0 4px 8px 0 rgba($color-brand1-6,0.20);
$b-design-btn-secondary-box-shadow-s-hover: 0 4px 8px 0 rgba($color-brand1-6,0.20);
$b-design-btn-secondary-box-shadow-xs-hover: 0 2px 4px 0 rgba($color-brand1-6,0.20);
$b-design-btn-secondary-box-shadow-xl-active: 0 4px 8px 0 rgba($color-brand1-6,0.20);
$b-design-btn-secondary-box-shadow-l-active: 0 2px 4px 0 rgba($color-brand1-6,0.20);
$b-design-btn-secondary-box-shadow-m-active: 0 2px 4px 0 rgba($color-brand1-6,0.20);
$b-design-btn-secondary-box-shadow-s-active: 0 2px 4px 0 rgba($color-brand1-6,0.20);
$b-design-btn-secondary-box-shadow-xs-active: 0 1px 2px 0 rgba($color-brand1-6,0.20);

$b-design-btn-normal-box-shadow-xl-hover: 0 8px 16px 0 rgba(204,204,204,0.30);
$b-design-btn-normal-box-shadow-l-hover: 0 4px 8px 0 rgba(204,204,204,0.30);
$b-design-btn-normal-box-shadow-m-hover: 0 4px 8px 0 rgba(204,204,204,0.30);
$b-design-btn-normal-box-shadow-s-hover: 0 4px 8px 0 rgba(204,204,204,0.30);
$b-design-btn-normal-box-shadow-xs-hover: 0 2px 4px 0 rgba(204,204,204,0.30);
$b-design-btn-normal-box-shadow-xl-active: 0 4px 8px 0 rgba(204,204,204,0.30);
$b-design-btn-normal-box-shadow-l-active: 0 2px 4px 0 rgba(204,204,204,0.30);
$b-design-btn-normal-box-shadow-m-active: 0 2px 4px 0 rgba(204,204,204,0.30);
$b-design-btn-normal-box-shadow-s-active: 0 2px 4px 0 rgba(204,204,204,0.30);
$b-design-btn-normal-box-shadow-xs-active: 0 1px 2px 0 rgba(204,204,204,0.30);

$b-design-btn-warning-box-shadow-xl-hover: 0 8px 16px 0 rgba(184,41,32,0.30);
$b-design-btn-warning-box-shadow-l-hover: 0 4px 8px 0 rgba(184,41,32,0.30);
$b-design-btn-warning-box-shadow-m-hover: 0 4px 8px 0 rgba(184,41,32,0.30);
$b-design-btn-warning-box-shadow-s-hover: 0 4px 8px 0 rgba(184,41,32,0.30);
$b-design-btn-warning-box-shadow-xs-hover: 0 2px 4px 0 rgba(184,41,32,0.30);
$b-design-btn-warning-box-shadow-xl-active: 0 4px 8px 0 rgba(184,41,32,0.30);
$b-design-btn-warning-box-shadow-l-active: 0 2px 4px 0 rgba(184,41,32,0.30);
$b-design-btn-warning-box-shadow-m-active: 0 2px 4px 0 rgba(184,41,32,0.30);
$b-design-btn-warning-box-shadow-s-active: 0 2px 4px 0 rgba(184,41,32,0.30);
$b-design-btn-warning-box-shadow-xs-active: 0 1px 2px 0 rgba(184,41,32,0.30);

// text button
$b-design-btn-text-box-shadow: 0 2px 4px 0 rgba(27,88,244,0.20);

// warning button
$b-design-btn-warning-box-shadow: 0 2px 4px 0 rgba(184,41,32,0.30);

// icon button
$b-design-btn-icon-padding: 10px;
$b-design-btn-icon-border-radius: 4px;
$b-design-btn-icon-height: auto;