.elc-iam, .elc-checkout {
  /* do we need to have different font family names per weight - checkout usage issues of font names */
  --font-body--bold: "Gotham Bold", Arial, sans-serif;
}

.elc-button, body .adyen-checkout__button {
  --button-font-size: 15px;
  --button-line-height: 20px;
  --button-text-transform: capitalize;
  --text-button-color: var(--color-black);
  --text-button-font-family: var(--main-font-family);
  --text-button-font-size: 14px;

  --button-hover-color: var(--color-foreground);
  --button-hover-background-color: var(--color-green-300);
  --button-disabled-background-color: var(--color-primary-400);
  --button-disabled-color: var(--color-white);
  transition: background-color 300ms, color 300ms;
  --button-font-family: var(--font-headline);
  --outlined-button-font-size: var(--text-base);
}