[data-component-id='scroll-menu'] {
  --background-color: transparent;
  --font-color: inherit;
}

[data-component-id='scroll-menu'] [data-element-id='button'] {
  --background-color: var(--base-button-background-color);
  --border-color: var(--base-button-border-color);
  --font-color: var(--base-button-font-color);

  --background-color__hover: var(--base-button-background-color__hover);
  --border-color__hover: var(--base-button-border-color__hover);
  --font-color__hover: var(--base-button-font-color__hover);

  --background-color__active: var(--base-button-background-color__active);
  --border-color__active: var(--base-button-border-color__active);
  --font-color__active: var(--base-button-font-color__active);
}