{# ========================================================================= #}
{# :: Info #}
{# ========================================================================= #}
{% set info %}

Use `<a>` for navigation, `<button>` for everything else. Submit/reset
buttons are the only exceptions, using `<input[type="submit"]>` to trigger
default browser behaviour associated with submitting form input. Buttons should
follow a typographic scale, based on importance and base font-size.

{% endset %}

{# ========================================================================= #}
{# :: Modifiers #}
{# ========================================================================= #}
{% set modifiers %}

- a-button--icon-after

  If you're using an icon and you want to have the icon after the text, you
  can use this class.

- a-button--inverted

  This class will give the button a white background and dark text.

- a-button--round

  Specific use for icons and numbers only. Will turn the button into a nice
  round button.

- a-button--hide-text

  Specific for buttons with only icons to give the button content/context

{% endset %}

{# ========================================================================= #}
{# :: States #}
{# ========================================================================= #}
{# {% set states %}

{% endset %} #}