简单的箭头样式

<div class="a"><div class="b">美团红包</div><div class="c"></div></div>
.a {
display: flex;
 align-items: center;
}
.b {
flex: 1;
}
.c {
 padding-right: 13px;
 position: relative;
 text-align: right;
 color: #999;
}
.c::after {
    content: " ";
    display: inline-block;
    height: 6px;
    width: 6px;
    border-width: 2px 2px 0 0;
    border-color: #c8c8cd;
    border-style: solid;
    transform: matrix(.71,.71,-.71,.71,0,0);
    position: absolute;
    top: 50%;
    margin-top: -4px;
    right: 2px;
}