# Button 🖲️

* [ ] Base style

  Your default style, one of the following: fill, outline, underline
* [ ] Shape

  Visual properties of a button: padding, border, border radius, shadow
* [ ] Variants

  Each visual type to represent button structure e.g. primary and secondary buttons
* [ ] Copy

  Instructional text that details what will happen if you click the button

  ⭐️ Users should understand what will happen before clicking a button
* [ ] States

  How the button changes based on the interaction, examples below