JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

.arrow {
    display: block;
    float: left;
    width: 0;
    height: 0;
    border:  15px solid transparent;
    border-right-color: #000;
}

.button {
    display: block;
    float: left;
    line-height: 20px;
    border: 2px solid #000;
    padding: 3px;
}