Icons by Feather Icons

Dandy

Dandy is the button about town. Bold, bright and clearly forgot you can't wash red clothes with white buttons even at 40 degrees. Oops.

Change what the button says:

HTML

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

CSS

.dandy {
    background:hotpink;
    padding:1em 2em;
    border-bottom:0.4em solid yellow;
    border-radius:0.3em;
    color:black;
    font-weight:bold;
    transition:0.3s;
    color:white;
    opacity:1;
}
.dandy:hover {
    opacity:0.7;
    transition:0.3s;
}

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