Icons by Feather Icons

Forest

It's green and so are trees, that's why it's called 'Forest'. Some say it's too green, some say it's not green enough. All I know is, it's important to be green these days so freshen up your eco-act with this green-washed forest-loving button-y goodness.

Change what the button says:

HTML

<div class="html_button btn-left">
    <a href="#" class="btn forest large">Your button text here</a>
</div>

CSS

.forest {
  border-top:3px solid #21BC27;
  border-right:3px solid #21BC27;
  border-bottom:5px solid #20750D;
  border-left:3px solid #21BC27;  
  border-radius:0 0 0 0;
  padding:10px 31px 10px 31px;
  margin:0 0 0 0;
  background-color:#21BC27;
  color:#CDFFCA;
  font-weight:normal;
  opacity:1;
  transition:1s;
}
.forest:hover {
  cursor:pointer;
  background-color:#C1D9BD;
  opacity:1;
  transition:1s;
  color:#21BC27;
}

Check out the docs for a full installation and how-to guide for HTML Buttons.