Draw attention to a link by adding the class button
.
HTML
<a href="" class="button">A button</a>
Rendered HTML
Styling
There are a few classes available to modify the appearance of your button.
expand
– Makes the button stretch to the width of its containerradius
– Gives the button rounded cornerscolor
– Choose from any of the brand colors to customize the button
HTML
<a href="" class="button expand">This button is expanded</a> <a href="" class="button radius">This button has rounded edges</a></p> <a href="" class="button bowman">This is a bowman field button</a></p> <a href="" class="button blueridge radius">This button is blue ridge and has rounded edges</a></p>
For more information see, Style Guide/Buttons.