JSFiddle - React, Tailwind, and code Playground

HTML

<h2 class="action">Хит продаж</h2>

CSS

h2{
    margin-top: 100px;
      text-transform: uppercase;
      color: #fff;
      background-color: #FF0000;
      text-align: center;
      width: 50%;
      position: absolute;
      transform: rotate(35deg); 
}
h2:after {
      content: '';
      position: absolute;
      bottom: -10px;
      top: 27px;
      border-color: transparent;
      border-width: 20px;
      border-style: solid;
      border-left-color: transparent;
      border-right-color: transparent; 
      border-top-color: #D10A0A;
      border-bottom-color: transparent;
      border-left-width: 15px;
      right: 0;
}