.d-recipe-settings-menu-button {
  width: var(--dt-size-550);
  height: var(--dt-size-600);
  padding: var(--dt-space-0);
  color: var(--dt-theme-topbar-button-color-foreground);
  background-color: var(--dt-theme-topbar-button-color-background);
  border-radius: var(--dt-size-550);

  &:hover {
    color: var(--dt-theme-topbar-button-color-foreground-hover);
    background-color: var(--dt-theme-topbar-button-color-background-hover);
  }

  &:active {
    background-color: var(--dt-theme-topbar-button-color-background-active);
  }
}

.d-recipe-settings-menu-button-update {
  height: var(--dt-size-600);
  color: var(--dt-color-blue-500);
  background-color: hsla(var(--dt-color-blue-200-hsl) / 0.25);
  border-color: hsla(var(--dt-color-blue-200-hsl) / 0.25);
  border-radius: var(--dt-size-radius-pill);

  &:hover {
    color: var(--dt-theme-topbar-button-color-foreground-hover);
    background-color: hsla(var(--dt-color-blue-200-hsl) / 0.5);
  }
}