<span class="dli-chart-up"></span>
.dli-chart-up {
display: inline-block;
vertical-align: middle;
color: #333;
line-height: 1;
position: relative;
width: 0.5em;
height: 0.1em;
background: currentColor;
transform: rotate(-45deg);
}
.dli-chart-up::before {
content: '';
width: 0.325em;
height: 0.325em;
border: 0.1em solid currentColor;
border-left: 0;
border-bottom: 0;
transform: rotate(45deg);
transform-origin: top right;
position: absolute;
top: 50%;
right: -0.05em;
box-sizing: border-box;
}
.dli-chart-up::after {
content: '';
position: absolute;
right: 100%;
bottom: 0;
width: 0.5em;
height: 0.25em;
border: 0.1em solid currentColor;
border-left: 0;
border-bottom: 0;
box-sizing: content-box;
}