title: Tailwind CSS: display text and border on hover
body: <p>How can i achieve same result using Tailwind css.<a href="https://i.stack.imgur.com/9AcWJ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/9AcWJ.png" alt="enter image description here" /></a></p>
  <p>it should show only elementary, when i hover over it should show white border and white text.</p>
  <p>working example: <a href="https://times2.org/home" rel="nofollow noreferrer">https://times2.org/home</a></p>
  <p>I tried:
  <a href="https://play.tailwindcss.com/5Cioayqtop" rel="nofollow noreferrer">https://play.tailwindcss.com/5Cioayqtop</a></p>