JSFiddle - React, Tailwind, and code Playground

HTML

<a href="" class="blue-btn">View this project</a>
<br><br><br>
<a href="" class="blue-btn">View this longer project</a>

CSS

a.blue-btn {
  padding: 10px 22px;;
  background-color: blue;
  color:white;
  position:relative;
}
a.blue-btn:hover {
  background-color: black;
  color: white;
}
a.blue-btn:after {
    content: "";
    position: absolute;
    bottom: 0px;
    right: 0;
    left: 154px;
    width: 0;
    height: 0;
    border-width: 42px 42px 0 0px;
    border-style: solid;
    border-color: blue transparent transparent transparent;
}