Size
Alignment
Icons
Tag Type
Icons by Feather Icons
Icons by Feather Icons
Spruce
Spruce up your website with this effortlessly sophisticated combination of deep purple and light turquoise. Has there ever been such a colour match as this that simply oozes that fresh scandi, tree-lined open road feeling as this? I think not.
Change what the button says:
HTML
<div class="html_button btn-left"> <a href="#" class="btn spruce large">Your button text here</a> </div>
CSS
.spruce { border:5.4px solid #3C3B94; border-radius:16.2px; padding:27px 83px 27px 83px; margin:0; background-color:#3C3B94; color:#7DFFDA; font-weight:500; opacity:1; transition:1s; } .spruce:hover { cursor:pointer; background-color:#222153; opacity:1; transition:1s; }
Check out the docs for a full installation and how-to guide for HTML Buttons.