JSFiddle - React, Tailwind, and code Playground

HTML

<FORM>
   <LABEL class="label" for="visa">
<INPUT type="radio" name="pay" id="visa" class="" checked />
   </LABEL>
   <LABEL class="label" for="qiwi">
<INPUT type="radio" name="pay" id="qiwi" class="" />
   </LABEL>
   <LABEL class="label" for="webmoney">
<INPUT type="radio" name="pay" id="webmoney" class="" />
   </LABEL>
</FORM>

CSS

form{
}
.label{
float: left;
margin: 0 0 0 10px;
width: 157px;
height: 122px;
background: #f7f7f7;
padding: 3px;
position: relative;
}
label input[type="radio"]{
background: url(http://shop-xcom.ru/Images/form-sprite.png) no-repeat 0 -9999px;
width: 21px;
height: 21px;
float: left;
/*opacity:0;*/
/*list-style: none;*/
position: relative;
z-index: 1;
}
label input[type="radio"]{
background-position: 100% 0;
z-index: 1000;
}
label input:checked[type="radio"]{
background-position: 0 0;
z-index: 1000;
}