JSFiddle - React, Tailwind, and code Playground

by cherryflavourpez

HTML

<button data-button-icon="+" class="btn" href="#">Click Me :P</button>
<button data-button-icon="+" class="btn block" href="#">Click Me :P</button>

SCSS

body { padding: 2em; }
.btn {
    display: inline-block;
    margin: 0 0 10px 0;
    padding: 3px 6px;
    border: medium none;
    background-color: #535B99;
    color: #FFFFFF;
    cursor: pointer;
    text-align: left;    
    text-decoration: none;
    white-space: nowrap;
    &.block { width: 100%; }
    &:after {
      content: attr(data-button-icon);
      float: right;
      padding-left: 1em;
    }
}