JSFiddle - React, Tailwind, and code Playground

HTML

<div class="div">
<a href="#" class="lupa">lupa acionada</a>
</div>

CSS

.div{
    width: 250px;
    height:250px;
    background-color:#000;
}
.lupa{ 
	position:relative;
    float:right;
	height:30px;
    line-height:30px;
	width:30px;
	background-color:#FF0000; 
	color:#FFFFFF; 
	text-align:center;
	display:none;
    padding:5px;
}

JavaScript

$(".div").hover(function(){
    $(this).find(".lupa").fadeIn();
}, function() {
	$(this).find(".lupa").fadeOut();	
});
$(".lupa").click(function(e){
    e.preventDefault();
	alert("cliquei na lupa");
});