/* Generated from reviewed Token source; Button examples only. */
:is(#button-catalog, [data-button-example]) {
  --es-internal-sys-comp-btn-alert-container-fill-hovered: #F1473A;
  --es-internal-sys-comp-btn-alert-label-color: #FFFFFF;
  --es-internal-sys-comp-btn-alert-lg-container-padding-horizontal: 20px;
  --es-internal-sys-comp-btn-disabled-container-fill: #CECECE;
  --es-internal-sys-comp-btn-disabled-label-color: #979797;
  --es-internal-sys-comp-btn-lg-container-padding-bottom: 11px;
  --es-internal-sys-comp-btn-lg-container-padding-horizontal: 15px;
  --es-internal-sys-comp-btn-lg-container-padding-top: 10px;
  --es-internal-sys-comp-btn-lg-container-shape: 24px;
  --es-internal-sys-comp-btn-lg-label-font-size: 20px;
  --es-internal-sys-comp-btn-md-container-padding-horizontal: 15px;
  --es-internal-sys-comp-btn-md-container-padding-vertical: 9px;
  --es-internal-sys-comp-btn-md-container-shape: 20px;
  --es-internal-sys-comp-btn-md-label-font-size: 16px;
  --es-internal-sys-comp-btn-neutral-container-border-color: #FFFFFF;
  --es-internal-sys-comp-btn-neutral-container-fill-hovered: #321B1B1A;
  --es-internal-sys-comp-btn-neutral-label-color: #FFFFFF;
  --es-internal-sys-comp-btn-notice-container-fill-hovered: #FF7F00;
  --es-internal-sys-comp-btn-notice-label-color: #FFFFFF;
  --es-internal-sys-comp-btn-notice-lg-container-padding-horizontal: 20px;
  --es-internal-sys-comp-btn-primary-outline-container-border-color-hovered: #3AA48F;
  --es-internal-sys-comp-btn-primary-outline-container-fill-hovered: #321B1B1A;
  --es-internal-sys-comp-btn-primary-outline-label-color-hovered: #3AA48F;
  --es-internal-sys-comp-btn-primary-container-fill-hovered: #3AA48F;
  --es-internal-sys-comp-btn-primary-label-color: #FFFFFF;
  --es-internal-sys-comp-btn-secondary-outline-container-border-color-hovered: #2B3C50;
  --es-internal-sys-comp-btn-secondary-outline-container-fill-hovered: #321B1B1A;
  --es-internal-sys-comp-btn-secondary-outline-label-color-hovered: #2B3C50;
  --es-internal-sys-comp-btn-secondary-container-fill-hovered: #2B3C50;
  --es-internal-sys-comp-btn-secondary-label-color: #FFFFFF;
  --es-internal-sys-comp-btn-sm-container-padding-horizontal: 15px;
  --es-internal-sys-comp-btn-sm-container-padding-vertical: 7px;
  --es-internal-sys-comp-btn-sm-container-shape: 20px;
  --es-internal-sys-comp-btn-sm-label-font-size: 16px;
  --es-internal-sys-comp-btn-with-icon-icon-inset: 8px;
  --es-internal-sys-comp-btn-with-icon-icon-label-gap: 8px;
  --es-internal-sys-comp-btn-primary-container-fill: #45B29D;
  --es-internal-sys-comp-btn-primary-outline-container-border-color: #45B29D;
  --es-internal-sys-comp-btn-primary-outline-label-color: #45B29D;
  --es-internal-sys-comp-btn-secondary-container-fill: #3C4D5E;
  --es-internal-sys-comp-btn-secondary-outline-container-border-color: #3C4D5E;
  --es-internal-sys-comp-btn-secondary-outline-label-color: #3C4D5E;
  --es-internal-sys-comp-btn-alert-container-fill: #F46155;
  --es-internal-sys-comp-btn-notice-container-fill: #FF9900;
}
[data-theme="dark"] :is(#button-catalog, [data-button-example]) {
  --es-internal-sys-comp-btn-alert-container-fill-hovered: #F46155;
  --es-internal-sys-comp-btn-alert-label-color: #FFFFFF;
  --es-internal-sys-comp-btn-alert-lg-container-padding-horizontal: 20px;
  --es-internal-sys-comp-btn-disabled-container-fill: #4E4E4E;
  --es-internal-sys-comp-btn-disabled-label-color: #7C7C7C;
  --es-internal-sys-comp-btn-lg-container-padding-bottom: 11px;
  --es-internal-sys-comp-btn-lg-container-padding-horizontal: 15px;
  --es-internal-sys-comp-btn-lg-container-padding-top: 10px;
  --es-internal-sys-comp-btn-lg-container-shape: 24px;
  --es-internal-sys-comp-btn-lg-label-font-size: 20px;
  --es-internal-sys-comp-btn-md-container-padding-horizontal: 15px;
  --es-internal-sys-comp-btn-md-container-padding-vertical: 9px;
  --es-internal-sys-comp-btn-md-container-shape: 20px;
  --es-internal-sys-comp-btn-md-label-font-size: 16px;
  --es-internal-sys-comp-btn-neutral-container-border-color: #FFFFFF;
  --es-internal-sys-comp-btn-neutral-container-fill-hovered: #321B1B1A;
  --es-internal-sys-comp-btn-neutral-label-color: #FFFFFF;
  --es-internal-sys-comp-btn-notice-container-fill-hovered: #FF9900;
  --es-internal-sys-comp-btn-notice-label-color: #FFFFFF;
  --es-internal-sys-comp-btn-notice-lg-container-padding-horizontal: 20px;
  --es-internal-sys-comp-btn-primary-outline-container-border-color-hovered: #45B29D;
  --es-internal-sys-comp-btn-primary-outline-container-fill-hovered: #321B1B1A;
  --es-internal-sys-comp-btn-primary-outline-label-color-hovered: #45B29D;
  --es-internal-sys-comp-btn-primary-container-fill-hovered: #45B29D;
  --es-internal-sys-comp-btn-primary-label-color: #FFFFFF;
  --es-internal-sys-comp-btn-secondary-outline-container-border-color-hovered: #3C4D5E;
  --es-internal-sys-comp-btn-secondary-outline-container-fill-hovered: #321B1B1A;
  --es-internal-sys-comp-btn-secondary-outline-label-color-hovered: #3C4D5E;
  --es-internal-sys-comp-btn-secondary-container-fill-hovered: #3C4D5E;
  --es-internal-sys-comp-btn-secondary-label-color: #FFFFFF;
  --es-internal-sys-comp-btn-sm-container-padding-horizontal: 15px;
  --es-internal-sys-comp-btn-sm-container-padding-vertical: 7px;
  --es-internal-sys-comp-btn-sm-container-shape: 20px;
  --es-internal-sys-comp-btn-sm-label-font-size: 16px;
  --es-internal-sys-comp-btn-with-icon-icon-inset: 8px;
  --es-internal-sys-comp-btn-with-icon-icon-label-gap: 8px;
  --es-internal-sys-comp-btn-primary-container-fill: #EBF6F4;
  --es-internal-sys-comp-btn-primary-outline-container-border-color: #EBF6F4;
  --es-internal-sys-comp-btn-primary-outline-label-color: #EBF6F4;
  --es-internal-sys-comp-btn-secondary-container-fill: #D9DBDF;
  --es-internal-sys-comp-btn-secondary-outline-container-border-color: #D9DBDF;
  --es-internal-sys-comp-btn-secondary-outline-label-color: #D9DBDF;
  --es-internal-sys-comp-btn-alert-container-fill: #FCDAD8;
  --es-internal-sys-comp-btn-notice-container-fill: #FFD640;
}