JSFiddle - React, Tailwind, and code Playground

HTML

<div class="test"></div>
<div class="test">
    <a href="#test" class="button"><span>TEST</span></a>
</div>

CSS

* {
    margin: 0;
    padding: 0;
}
/* Buy - button */
a.button { 
    background: transparent url('http://www.tingstad.se/images/sprite1.png') 100% -218px no-repeat;
    position: relative;
    display: block;
    float: left;
    padding: 0 5px 0 0;
    font: bold 10px tahoma, arial, verdana;
    text-decoration: none;
}
a.button span {
    position: relative;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    padding: 0 0 0 5px;
    background: transparent url('http://www.tingstad.se/images/sprite1.png') -199px -374px no-repeat;
}

.test {
    background: #ffffff;
    float: left;
    height: 100px;
    width: 990px;
}