[data-component-id='abbreviation-info'] {
  --font-color: var(--base-colors-blackAlpha-900);
}

[data-component-id='abbreviation-info'] [data-element-id='button'] {
  --background-color: var(--base-button-background-color);
  --background-color__hover: var(--base-button-background-color__hover);
  --background-color__active: var(--base-button-background-color__active);
  --font-color: var(--base-button-font-color);
  --font-color__hover: var(--base-button-font-color__hover);
  --font-color__active: var(--base-button-font-color__active);
}

[data-component-id='abbreviation-info'] [data-element-id='success'] {
  --font-color: var(--base-colors-success-background-color);
}

[data-component-id='abbreviation-info'] [data-element-id='error'] {
  --font-color: var(--base-colors-error-background-color);
}