Icons by Feather Icons

Ocean

Breathe in that bright blue air, smell the fresh salty sea mist, swim in the azure clear waters. Ocean is the button that embodies clicking for a seaside dream. Click three times and let the waves wash over you.

Change what the button says:

HTML

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

CSS

.ocean {
    background:#03a9f4;
    transition:0.6s;
    border:4px solid white;
    border-radius:2em;
    color:white;
    font-style:italic;
    padding:0.5em;
    transition:0.6s;
}
.ocean:hover {
    border:4px solid #3f51b5;
    background:#5c6bc0;
    transition:0.6s;
}

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