JSFiddle - React, Tailwind, and code Playground

by cherryflavourpez

HTML

<button class="btn">Create Advert <span aria-hidden="true" data-icon="+"></span></button>

SCSS

.btn {
    margin: 0;
    padding: 3px 6px;
    vertical-align: middle;
    border: none;
    background-color: #535B99;
    color: white;
    text-align: left;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    text-transform: uppercase;
    [data-icon] {
        float: right;
        padding-left: 10px;
        &:before { content: attr(data-icon); }
    }
}