.root {
  --button-background: var(--color-neutral-5);
  --button-background-hover: rgba(var(--color-neutral-5-rgb), 0.8);
  --button-background-pressed: rgba(var(--color-neutral-5-rgb), 0.64);
  --button-icon-background: var(--color-neutral-30);
  --button-sub-label-color: var(--color-neutral-80);
  text-align: left;
  border-radius: var(--border-radius-medium) !important;
  background: var(--button-background);
  &:hover {
    background: var(--button-background-hover);
  }

  &:active {
    background: var(--button-background-pressed);
  }

  small {
    color: var(--button-sub-label-color);
  }
}

.leftIcon {
  background-color: var(--button-icon-background);
}