JSFiddle - React, Tailwind, and code Playground

HTML

<span class="pricetag-right" id="q">tag is here!</span>

CSS

#q{
	position:relative;
	margin:0 5px 0 10px;
	displaY:inline-block;
	height:66px;
	padding: 0 35px 0 20px;
   

    font-size: 25px;
	line-height:65px;

    cursor: pointer;
    font-weight: 100;
    margin: 20px 25px;
  
    background:#f3f3f3;
    transition: background 0.3s;

    
}

#q:after{
	position:absolute;
	content:"";
	right:-19px;
	width: 1px;
	height:0px;
	border-left:18px solid #f3f3f3;
	border-top:  33px solid transparent;
	border-bottom: 33px solid transparent;
    transition: background 0.3s;
}

#q:hover{
    background: green;
  	border-left:18px solid lightblue;

}