JSFiddle - React, Tailwind, and code Playground

HTML

<div class="btn">Text Here!</div>

CSS

.btn {
    position: absolute;
    display: inline-block;
    height:50px; width:80%;
    text-align: center;
    color: white;
    background-color: red;
    line-height: 50px;
    text-decoration: none;
    margin-left:100px;
}
.btn:after {
    content: "";
    position: absolute;
    
    left: -70px;
    background-color:red;
  z-index:1;
  top:50px;
   width:50px;
  height:100px;
    transform-origin:0 0;
  transform: rotate(270deg) skewY(50deg);
}