# Buttons — Unless design system

Components

# Buttons
  [Variants](/en/design/components/buttons/)[States](/en/design/components/buttons/states/)[Usage](/en/design/components/buttons/usage/)
## Interactive states — default → hover → focus → disabled

The four states every primary button cycles through, shown on paper. Hover darkens; focus adds the universal 2-px white + 2-px peak ring; disabled drops opacity and changes the cursor.
            [Buttons · Variants](/en/design/components/buttons/)     [Buttons · Usage](/en/design/components/buttons/usage/)