Подскажите пожалуйста, как сделать кнопку с левой стрелкой использую только css. Прикладываю картинку.
Сделать квадратную понятно как, а вот сделать слева стрелку?
Треугольники спасут мир!
.block {
background: green;
position: relative;
width: 180px;
height: 50px;
left: 50px;
text-align: center;
display: table;
}
.block::before {
content: '';
position: absolute;
left: -50px;
border: 25px solid transparent;
border-right: 25px solid green;
}
#text {
display: table-cell;
vertical-align: middle;
color: white;
font-size: 18px;
}
<div class="block">
<div id="text">Обратный звонок</div>
</div>