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