JSFiddle - React, Tailwind, and code Playground

by elvinci

HTML

<a class="button green">
    Click me
</a>

CSS

.button {
    padding: 15px 50px 15px 15px;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    position: relative;
}

.button:after {
    content: "";
    width: 30px;
    height: 30px;
    background: url("http://www.gentleface.com/i/free_toolbar_icons_16x16_black.png") no-repeat -30px -50px no-scroll;
    background-color: red;
    
    position: relative;
    display: inline-block;
}

.green {
    background-color: #8ce267;
}