<a href="#">Back</a>

a {
  font-family: sans-serif;
  font-size: 18px;
  color: #000000;
  text-decoration: underline;
  text-decoration-tickness: 1px;
  text-underline-offset: 3px;
  text-decoration-color: #ccc;
  transistion: all 200ms ease-out;
}

a::before {
  font-family: 'Font Awesome 5 Pro';
  content: '\f177';
  display: inline-block;
  margin-right: .35em;
}

a:focus, a:hover {
  text-underline-offset: 6px;
  color: blue;
  transistion: all 200ms ease-out;
}