JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" class="my-link">Link</a>

CSS

.my-link {
  display: inline-block;
}

.my-link::before {
    content: '\2661';
    float: right;
    font-family: Helvetica,sans-serif;
}
.my-link::after {
    content: 'text';
    float: right;
    font-family: Arial,sans-serif;
}