AHA UI framwork includes several predefined button styles, each serving its own semantic purpose, with a few extras thrown in for more control.
<button type="button" class="btn btn-round btn-primary" aria-label="Button">Primary Button</button> <button type="button" class="btn btn-round btn-secondary" aria-label="Button">Secondary Button</button> <button type="button" class="btn btn-link" aria-label="Button">Link Style<span class="ml-2">›</span></button> <button type="button" class="btn btn-text" aria-label="Button">Text Style</button> <button type="button" class="btn btn-round btn-primary aui-btn-spinner" aria-label="Button" disabled>Button</button>