JSFiddle - React, Tailwind, and code Playground

HTML

<div class="image"><a href="/">
  <img src="https://images1-focus-opensocial.googleusercontent.com/gadgets/proxy?url=https://habrastorage.org/getpro/toster/avatars/b05/ca1/ecc/b05ca1ecca7ce269532a6ccc7a12f523.jpg&container=focus&refresh=2592000&resize_w=60" alt=""></a>
  <button class="like uk-icon-heart-o"></button>
</div>

CSS

.image {
	padding: 20px;
	background-color: #fff;
	position: relative;
}
.image a {
	z-index: 100;
	display: block;
}
.image .like {
	font-size: 20px;
	color: #4a4a4a;
	padding: 20px;
	border: none;
	outline: none;
	position: absolute;
	top: 20px;
	right: 20px;
	background-color: #000;
	z-index: 999;
}