JSFiddle - React, Tailwind, and code Playground

HTML

<div class="arrow">
    FLECHA
</div>

CSS

.arrow {
	width:210px;
	height:40px;
	background-color:#CBCBCB;
    border: 1px solid #CBCBCB;
	position:relative;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	line-height:40px;
}
.arrow:after {
	content:'';
	position:absolute;
    top:-1px;
	left:210px;
	width:0;
	height:0;
	border:21px solid transparent;
	border-left:15px solid #CBCBCB;
}
.arrow:before {
	content:'';
	position:absolute;
    top:-1px;
	left:211px;
	width:0;
	height:0;
	border:21px solid transparent;
	border-left:15px solid #CBCBCB;
}