JSFiddle - React, Tailwind, and code Playground

by Rich Costello

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<button class="btn btn-purple">purple</button>

<button class="btn btn-teal">teal</button>

CSS

.btn-purple {
        background: #9b59b6;
        border-color: #9b59b6;
    }

    .btn-purple:hover {
        background: #8e44ad;
        border-color: #8e44ad;
    }

    .btn-teal {
        background: #1abc9c;
        border-color: #1abc9c;
    }

    .btn-teal:hover {
        background: #16a085;
        border-color: #16a085;
     }