JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrap">
<a class="bie-slide" href="ضع هنا رابط مدونتك" target="_blank">
  <span class="circle"><i class="fa fa-laptop"></i></span>
  <span class="title">للمعاينة</span>
  <span class="title-hover">انقر هنا</span>
</a>
</div>



<div id="wrap">
<a class="bie-slide2" href="http://www.askwithloud.com" target="_blank">
  <span class="circle2"><i class="fa fa-download"></i></span>
  <span class="title2">تحميل</span>
  <span class="title-hover2">انقر هنا</span>
</a>
</div>