JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
  <head>
    <title>Oh hai</title>
  </head>
  <body>
    <iframe src="https://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fdevelopers.facebook.com%2F&amp;send=false&amp;layout=button_count&amp;width=450&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21&amp;appId=218834354823410" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowTransparency="true"></iframe>
    <div id="cover">OMG CLICK ME</div>
  </body>
</html>

CSS

/* I place the cover above the widget and allow pointer events to pass through */
#cover {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 450px;
    height: 21px;
    background-color: white;
    pointer-events: none;
}