JSFiddle - React, Tailwind, and code Playground

HTML

<table cellspacing="0" cellpadding="0" id="vkshare0" onmouseover="VK.Share.change(1, 0);" onmouseout="VK.Share.change(0, 0);" onmousedown="VK.Share.change(2, 0);" onmouseup="VK.Share.change(1, 0);" style="position: relative; width: auto; cursor: pointer; border: 0px;  float: right;"><tbody>
<tr style="line-height: normal;"><td style="vertical-align: middle;"><a href="http://vk.com/share.php?url=http%3A%2F%2Fwww.tepla-hata.com.ua%2F" onmouseup="this._btn=event.button;this.blur();" onclick="return VK.Share.click(0, this);" style="text-decoration: none; background-position: -21px -42px; "><div style="height: 21px; cursor:pointer; width: 2px; background: url(https://vk.com/images/btns.png) no-repeat -21px -42px;"></div></a></td><td style="vertical-align: middle;"><a href="http://vk.com/share.php?url=http%3A%2F%2Fwww.tepla-hata.com.ua%2F" onmouseup="this._btn=event.button;this.blur();" onclick="return VK.Share.click(0, this);" style="text-decoration:none;"><div style="border: 1px solid #3b6798; cursor:pointer; border-left: 0px;"><div style="border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-width: 0px; border-left-style: initial; color: rgb(255, 255, 255); text-shadow: rgb(69, 104, 142) 0px 1px; height: 15px; padding-top: 2px; padding-right: 4px; padding-bottom: 0px; padding-left: 6px; font-family: tahoma, arial; font-size: 10px; background-color: rgb(109, 143, 179); border-top-color: rgb(126, 156, 188); border-right-color: rgb(92, 130, 171); border-bottom-color: rgb(92, 130, 171); border-left-color: rgb(92, 130, 171); ">ВКонтакте</div></div></a></td><td style="vertical-align: middle;"><a href="http://vk.com/share.php?url=http%3A%2F%2Fwww.tepla-hata.com.ua%2F" onmouseup="this._btn=event.button;this.blur();" onclick="return VK.Share.click(0, this);" style="text-decoration:none;"><div style="background-image: url(https://vk.com/images/btns.png);...