JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" class="arrow"> 
</a>

CSS

.arrow {
cursor: pointer;
color: #605F61;
border: 1px solid #AEAEAE;
border-radius: 30px;
background: white;
font-size: 31px;
font-weight: bold;
display: inline-block;
line-height: 0px;
padding: 11px 3px;
}
.arrow:before{
 content: "Ă—";
}