JSFiddle - React, Tailwind, and code Playground

HTML

<div class="product">
    <img src="http://www.obviously.ca/images/uploads/winter_coat.JPG" />
    <a href="#">some link</a>
</div>

CSS

.product{
 width:332px;
 height:400px;
 position:relative
}
.product a{
  position:absolute;
  bottom:80px;
  left:91px;
    width:150px;
    border:1px solid red;
    background-color:#ccc;
    display:none;    
}
.product:hover a{
 display:block;
}