JSFiddle - React, Tailwind, and code Playground

HTML

<script src=" &lt;script&gt;(function(d, s, id) {   var js, fjs = d.getElementsByTagName(s)[0];   if (d.getElementById(id)) return;   js = d.createElement(s); js.id = id;   js.src = &quot;//connect.facebook.net/sv_SE/all.js#xfbml=1&quot;;   fjs.parentNode.insertBefore(js, fjs); }(doc"></script>
<div id="fb-root"></div>

<div id="coverk_like_button_holder"><iframe src="//www.facebook.com/plugins/like.php?href=www.google.com;send=false&amp;layout=button_count&amp;width=450&amp;show_faces=true&amp;font&amp;colorscheme=dark&amp;action=like&amp;height=21&amp;appId=431993306908765" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowTransparency="true"></iframe><div id="cover_button"></div>
</div>

CSS

#cover_like_button_holder {
           position:relative;
           width:90px;
           height: 20px;
           color:#fff;
       }
       #cover_like_button_holder iframe {
           position:absolute;
           top: 0px;
           width: 90px !important;
       }
       #cover_button {
           position:absolute;
           width: 46px;
           height: 24px;
           left:0;
           top:0;
           background: url('http://s13.postimg.org/bqxlnbfs3/Like.png');
       }
       #cover_button:hover {
           background: url('http://www.moronacity.com/tech-journal/images/2011/February/small-Facebook-like-button-counter.gif');
       }