JSFiddle - React, Tailwind, and code Playground

by Alex Slepenkov

HTML

<div class="wrap">
  <span class="text">МЫ ВЕРНЕМ ВАМ ЗА ЭТУ ПОКУПКУ</span>
  <div class="tringgle"></div>
  <span class="number">100</span>
</div>

CSS

.wrap{
  border-bottom:2px solid black;
  display:inline-block;
  padding-bottom:20px;
  padding-left:20px;
  padding-right:20px;
}
.wrap .text {
  display: inline-block;
  width: 150px;
  border-left:1px solid #bcbcbc;
  padding-left:10px;
  color:#bcbcbc;
}
.wrap .number{
  display: inline-block;
  font-size:35px;
  margin-left:-20px;
  color:#91209b;
  border-right:1px solid #bcbcbc;
  padding-right:10px;
  height:35px;
}
.tringgle{
  display:inline-block;
  	border: 13px solid transparent;	
    border-left: 14px solid #90bdf4;
}