JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#"><span>Link text</span></a>
<a href="#"><span>Link text</span></a>

CSS

a {
  display: inline-block;
  
  margin: 4px;
  padding: 10px 16px;
  
  background: linear-gradient(to bottom,  #a6b4bf 0%,#a1b0bc 24%,#8b9eac 100%);
  
  text-decoration: none;
  font: 14px/1.2 sans-serif;
  color: #fff;
  
  transform: skew(-15deg);
}

a span {
  display: block;
  
  transform: skew(15deg);
}