JSFiddle - React, Tailwind, and code Playground

HTML

<div class="baton">ololo</div>

CSS

.baton {
  position:relative;
  display:inline-block;
  margin-left:40px;
  padding:20px 50px;
  background:#ccc;
  color:#fff;
}
	.baton:before {
		position: absolute;
		content:"";
		top: 0;
		left:0;
		bottom: 0;
		width: 21px;
		background: #ccc;
		transform:         skewX(-20deg);
		transform-origin:         0 0;
		}