JSFiddle - React, Tailwind, and code Playground

HTML

<div class="item">
  hover me...
  <a class="readMoreLink" href="#">Link is here</a>
</div>

CSS

.readMoreLink {
  color:#ACACAC;
  opacity: 0; 
  text-align: center;
  -webkit-transition-duration: 2s; /* Safari */
  -webkit-transition-delay: 1s; /* Safari */
  transition-duration: 2s;
  transition-delay: 1s;
}

.item:hover .readMoreLink {
  -webkit-transition-duration: 2s; /* Safari */
  -webkit-transition-delay: 1s; /* Safari */
  transition-duration: 2s;
  transition-delay: 1s;
  opacity: 1;
}