JSFiddle - React, Tailwind, and code Playground

HTML

<div><span>text</span></div>

CSS

div {
  margin: 2em;
  padding: 1em 2em;
  border: solid 1px gray;
  transform: skew(-30deg);
  border-radius: 2em 0 0 0;
}

div span {
  display: inline-block;
  transform: skew(30deg);
}