Preview:
<!-- 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>
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