# Button > The pill for the one action a band asks for, in gold primary, navy, on-navy and secondary styles. - Block class: `.hs-button` - CSS: `components/button.css` (also inside https://brand.honorsociety.org/brand.css) - JS: none - Status: decided - Decision record: https://brand.honorsociety.org/decisions/components-round-1.html - Variants: Primary, Navy, On navy, Secondary, Secondary on navy, Small, Full width, Disabled, Action row - HTML page: https://brand.honorsociety.org/components/button/ ## What it is A pill for the one action a band asks for. `.hs-button` alone is the gold primary. Every other route is a text link. ## When to use - The one action a band asks for: `Start Free Membership` in a hero, `Apply now` in a CTA band or in the award hero card. - The submit control of a form, as a ` ``` ### Disabled Use the native `disabled` on a button. On a link, use `aria-disabled="true"` and remove the `href`. ```html ``` ### Action row One button, then at most one text link. Below 576px the button is full width and the link sits under it, centred. ```html

Start Free Membership Member sign in

```