JSFiddle - React, Tailwind, and code Playground

by Miken912

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<div class="leftarrowdiv">
<div class="heading h2">
			<span class="results flyout_qty_animation">3</span> товаров найдено
		</div> 
		
		<div class="buttons">
			<input type="button" value="Применить фильтры" id="submitRefine" class="btn btn-default btn-sm">	
			<input type="button" value="Сбросить все фильтры" class="clear_filter_btn btn btn-default btn-sm">	

		</div>
</div>

CSS

.uparrowdiv, .downarrowdiv, .leftarrowdiv, .rightarrowdiv {
    width: 200px;
    min-height: 40px;
    background: Darkslategray;
    color: white;
    padding: 10px;
    position: relative;
    word-wrap: break-word;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 2em;
    }
    
    .leftarrowdiv:after {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: -20px;
    width: 0;
    height: 0;
    border-color: transparent Darkslategray transparent transparent;
    border-style: solid;
    border-width: 10px;
}