JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://use.fontawesome.com/releases/v5.0.7/js/all.js"></script>
<div>
<a href="#">
  <i class="fas fa-2x fa-angle-double-right"></i>
  <span>Переход на сайт</span>
</a>
</div>

CSS

div{
  width: 150px;
  height: 32px;
  background: rgba(69, 62, 58, 1);
}
div>a{
  text-decoration: none;
  color: #999992;
  font-size: 14px;
}
div>a>svg{
  color: rgba(150,150,250,.5);
  margin-top: 5px
}
div>a:hover{
  color: #B3AE84;
}