向下箭头

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

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

.open-icon-right::before {
    content: '';
    position: absolute;
    top: 2px;
    left: 1px;
    width: 8px;
    height: 8px;
    border-right: 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-right:hover::before {
    border-right: 1px solid var(--app-color-2);
    border-bottom: 1px solid var(--app-color-2);
}
</style>