向右箭头

<span class="open-icon-down"></span>

<style>
.open-icon-down {
    display: inline-block;
    position: relative;
    width: 14px;
    height: 14px;
    cursor: pointer;
}

.open-icon-down::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 3px;
    width: 8px;
    height: 8px;
    border-left: 1px solid var(--color-font-2);
    border-bottom: 1px solid var(--color-font-2);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transition: all .5s;
}

.open-icon-down:hover::before {
    border-left: 1px solid var(--app-color-2);
    border-bottom: 1px solid var(--app-color-2);
}
</style>