JSFiddle - React, Tailwind, and code Playground

HTML

<button class="back clickable" aria-label="Back" onclick="javascript:history.back();">Back</button>

SCSS

$white = #ffffff;
button {
  background:transparent;
  border: none;

  margin: 0;
  line-height: 1;
  font-size: 12px;
  cursor: pointer;
}
.back {
    background:
        url("http://i.stack.imgur.com/2WA5B.png") 100% 0 no-repeat ,
        url("http://i.stack.imgur.com/6m2HC.png") 0 0 no-repeat,
       -webkit-linear-gradient(0deg, white 0, white 14px , transparent 14px ,transparent) 0 0 no-repeat ,
        -webkit-linear-gradient(180deg, white 0, white 8px , transparent 8px ,transparent) 0 0 no-repeat ,
        url("http://i.stack.imgur.com/DaQcG.png") 14px 0 repeat 
        ;
    color: $white;
    height: 28px;
    padding: 5px 8px 5px 14px;
}