JSFiddle - React, Tailwind, and code Playground

by Riskbreaker

HTML

<button class="test add" href="#"> Click Me :P</button>

CSS

.test {
    background-color: #535B99;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font: 12px;
    padding: 3px 6px;
    text-decoration: none;
    white-space: nowrap;
}

.add:before {
   content: "\271A";
}

.test:before {
    float: right;
    font-size: 12px;
    margin: 0 -1.1em 0 0;
    padding: 0 0.8em;
    pointer-events: none;
    text-align: center;
    width: 1em;
}