.arrow-up {
    width: 0; 
    height: 0; 
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 10px solid #ef7d00;
    display: inline-block;
}

.arrow-down {
    width: 0; 
    height: 0; 
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 10px solid #ef7d00;
    display: inline-block;
}

.arrow-down--red{
    border-top-color: #f00;
}

.arrow-up--red{
    border-bottom-color: #f00;
}

.arrow-down--green{
    border-top-color: #66db23;
}

.arrow-up--green{
    border-bottom-color: #66db23;
}