@cfpb/cfpb-design-system/src/elements/cfpb-button/vars.css

CFPB's UI framework

/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  --btn-bg: var(--pacific);
  --btn-bg-active: var(--navy);
  --btn-bg-hover: var(--pacific-dark);
  --btn-disabled-bg: var(--gray-20);
  --btn-disabled-divider: var(--gray-60);
  --btn-disabled-outline: var(--gray-20);
  --btn-disabled-text: var(--gray-dark);
  --btn-divider: var(--pacific-60);
  --btn-secondary-bg: var(--white);
  --btn-secondary-bg-active: var(--pacific-20);
  --btn-secondary-bg-hover: var(--pacific-10);
  --btn-secondary-border: var(--pacific);
  --btn-secondary-border-active: var(--navy);
  --btn-secondary-border-hover: var(--pacific-dark);
  --btn-secondary-divider: var(--pacific-60);
  --btn-secondary-text: var(--pacific);
  --btn-secondary-text-active: var(--navy);
  --btn-secondary-text-hover: var(--pacific-dark);
  --btn-text: var(--white);
  --btn-warning-bg: var(--red-mid-dark);
  --btn-warning-bg-active: var(--gray-dark);
  --btn-warning-bg-hover: var(--red-dark);
  --btn-warning-divider: var(--red-60);
  --btn-warning-text: var(--white);
}