<!-- this can be used as a primary button -->
<button class="btn primary-btn btn-round">
Primary
</button>
<!-- this can be used as your secondary button -->
<button class="btn secondary-btn btn-round">
Secondary
</button>
<button class="btn primary-btn">
Rectangle
</button>
<!-- you can add a link in place of # -->
<button class="btn primary-btn">
<a href="#" class="link-btn">link button</a>
</button>
<button class="btn primary-btn">
<i class="fa fa-trash"></i>
</button>
<button class="btn primary-btn float-btn">
<i class="fas fa-plus"></i>
</button>
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter