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.