Note: medium is the default size.
Note: interactive states only appear when the user interacts with the button, they are not styles that are available for use.
Note: full@small means that the button will go from auto width to full width when the browser goes below the small breakpoint.
Note: the align prop only works with full width buttons.
Note: when passing icons inside a button, it is required to define the icon's position, by default it is set to after, which means the icon will come after the text.
Note: an icon-only button still is still required to have text, and that text is accessible through screen readers. It's just visually hidden.