<span class="dli-chevron-round-left"></span>
.dli-chevron-round-left {
display: inline-block;
vertical-align: middle;
color: #333;
line-height: 1;
position: relative;
width: 1em;
height: 1em;
transform: translateX(25%) rotate(-135deg);
}
.dli-chevron-round-left::before, .dli-chevron-round-left::after {
content: '';
position: absolute;
background: currentColor;
border-radius: 0.1em;
}
.dli-chevron-round-left::before {
top: 0;
left: 0;
right: 0;
height: 0.1em;
}
.dli-chevron-round-left::after {
top: 0;
right: 0;
bottom: 0;
width: 0.1em;
}