This Pattern shows a button with directional arrows, typically used to show sort order

@see [@atoms/buttons/button-sort](https://mayflower.digital.mass.gov/patternlab/?p=atoms-button-sort&view=c)

**Prop variant recipes**
1. [Button Sort as "Ascending"](https://mayflower.digital.mass.gov/patternlab/?p=atoms-button-sort-as-ascending&view=c)
    - Set the `direction` prop to "asc"
1.  [Button Sort as "Descending"](https://mayflower.digital.mass.gov/patternlab/?p=atoms-button-sort-as-descending&view=c)
    - Set the `direction` variable to "dsc"