JSFiddle - React, Tailwind, and code Playground

by Vasilij

HTML

<span class="button button-red">Red button</span>
<span class="button button-green">Green button</span>
<span class="button button-blue">Blue button</span>

CSS

.button {
    display: inline-block;
    font-size: 1em;
    padding: 3px 8px;
    border: 1px solid transparent;
    vertical-align: middle;
    border-radius: 1em;
}

.button-red {
    color: red;
    border-color: red;
}

.button-green {
    color: green;
    border-color: green;
    font-size: 1.25em;
}

.button-blue {
    color: blue;
    border-color: blue;
}