:root {
  --air-button-host-display: inline-flex;
  --air-button-host-vertical-align: top;
  --air-button-font-size: var(--air-body-font-size);
  --air-button-font-family: var(--air-body-font-family);
  --air-button-font-weight: 500;
  --air-button-line-height: var(--air-body-line-height);
  --air-button-margin-top: 0;
  --air-button-margin-right: var(--air-spacing-01);
  --air-button-margin-bottom: 0;
  --air-button-margin-left: var(--air-spacing-01);
  --air-button-padding-top: var(--air-spacing-03);
  --air-button-padding-right: var(--air-spacing-03);
  --air-button-padding-bottom: var(--air-spacing-03);
  --air-button-padding-left: var(--air-spacing-03);
  --air-button-border-radius: var(--air-form-element-border-radius);
  --air-button-box-shadow: var(--air-box-shadow-01);
  --air-button-focus-outline-width: var(--air-focus-outline-width, 2px);
  --air-button-focus-outline-color: var(--air-focus-outline-color, var(--air-color-denim, #2e71bd));
  --air-button-progress-line-height: 4px;
  --air-button-progress-line-color: var(--air-color-denim, #2e71bd);

  /** Primary */
  --air-button-primary-color: var(--air-color-white, #ffffff);
  --air-button-primary-background-color: var(--air-color-eclipse, #3a3a3a);
  --air-button-primary-border-color: var(--air-color-eclipse, #3a3a3a);
  --air-button-primary-hover-color: var(--air-color-white, #ffffff);
  --air-button-primary-hover-background-color: var(--air-color-matterhorn, #4e4e4e);
  --air-button-primary-hover-border-color: var(--air-color-matterhorn, #4e4e4e);
  --air-button-primary-focus-color: var(--air-button-primary-hover-color);
  --air-button-primary-focus-background-color: var(--air-button-primary-hover-background-color);
  --air-button-primary-focus-border-color: var(--air-button-primary-hover-border-color);
  --air-button-primary-active-color: var(--air-color-white, #ffffff);
  --air-button-primary-active-background-color: var(--air-color-denim, #2e71bd);
  --air-button-primary-active-border-color: var(--air-color-denim, #2e71bd);
  --air-button-primary-disabled-color: var(--air-color-dim-grey, #717171);
  --air-button-primary-disabled-background-color: var(--air-color-gainsboro, #d8d8d8);
  --air-button-primary-disabled-border-color: var(--air-color-gainsboro, #d8d8d8);

  /** Secondary button */
  --air-button-secondary-color: var(--air-color-eclipse, #3a3a3a);
  --air-button-secondary-background-color: var(--air-color-white, #ffffff);
  --air-button-secondary-border-color: var(--air-color-eclipse, #3a3a3a);
  --air-button-secondary-hover-color: var(--air-color-eclipse, #4e4e4e);
  --air-button-secondary-hover-background-color: var(--air-color-snow, #fbfafa);
  --air-button-secondary-hover-border-color: var(--air-color-matterhorn, #4e4e4e);
  --air-button-secondary-focus-color: var(--air-button-secondary-hover-color);
  --air-button-secondary-focus-background-color: var(--air-button-secondary-hover-background-color);
  --air-button-secondary-focus-border-color: var(--air-button-secondary-hover-border-color);
  --air-button-secondary-active-color: var(--air-color-denim, #2e71bd);
  --air-button-secondary-active-background-color: var(--air-color-white, #ffffff);
  --air-button-secondary-active-border-color: var(--air-color-denim, #2e71bd);
  --air-button-secondary-disabled-color: var(--air-color-gainsboro, #d8d8d8);
  --air-button-secondary-disabled-background-color: var(--air-color-white, #ffffff);
  --air-button-secondary-disabled-border-color: var(--air-color-gainsboro, #d8d8d8);

  /** Tertiary button */
  --air-button-tertiary-color: var(--air-color-valencia, #e55451);
  --air-button-tertiary-background-color: var(--air-color-white, #ffffff);
  --air-button-tertiary-border-color: var(--air-color-valencia, #e55451);
  --air-button-tertiary-hover-color: var(--air-color-valencia, #e55451);
  --air-button-tertiary-hover-background-color: var(--air-color-tutu, #f9e9e9);
  --air-button-tertiary-hover-border-color: var(--air-color-valencia, #e55451);
  --air-button-tertiary-focus-color: var(--air-button-tertiary-hover-color);
  --air-button-tertiary-focus-background-color: var(--air-button-tertiary-hover-background-color);
  --air-button-tertiary-focus-border-color: var(--air-button-tertiary-hover-border-color);
  --air-button-tertiary-active-color: var(--air-color-dark-red, #961b19);
  --air-button-tertiary-active-background-color: var(--air-color-white, #ffffff);
  --air-button-tertiary-active-border-color: var(--air-color-dark-red, #961b19);
  --air-button-tertiary-disabled-color: var(--air-color-dim-grey, #717171);
  --air-button-tertiary-disabled-background-color: var(--air-color-gainsboro, #d8d8d8);
  --air-button-tertiary-disabled-border-color: var(--air-color-dim-grey, #717171);

  /** Mobile button */
  --air-mobile-button-margin-top: var(--air-spacing-01);
  --air-mobile-button-margin-left: 0;
  --air-mobile-button-margin-bottom: var(--air-spacing-01);
  --air-mobile-button-margin-right: 0;
}