<form style="--span:6;" class="s-grid">
<div>
<div>
<button>Button</button>
</div>
<div>
class="s-secondary"
<button class="s-secondary">Secondary Button</button>
</div>
<div>
class="s-outline"
<button class="s-outline">Outline Button</button>
</div>
<div>
Disabled
<button disabled>Disabled</button>
</div>
<div>
<label>Input type="button"<input type="button" value="Button" /></label>
</div>
<div>
<label>Input type="submit"<input type="submit" value="Submit Button" /></label>
</div>
<div>
a href role="button"
<a href="#" role="button">Button</a>
</div>
</div>
</form>