@dialpad/dialtone-css/lib/build/less/recipes/settings_menu_button.less

Dialpad's design system

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

  &:hover {
    color: var(--dt-shell-action-color-foreground-primary-hover);
    background-color: var(--dt-shell-action-color-background-primary-hover);
  }

  &:active {
    background-color: var(--dt-shell-action-color-background-primary-active);
  }
}

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

  &:hover {
    color: var(--dt-shell-action-color-foreground-primary-hover);
    background-color: hsl(var(--dt-color-blue-200-hsl) / 0.5);
  }
}