css for styling a select with an arrow

select with dropdown

.select {
    background-color: white;
    
    display: flex;
    flex-wrap: nowrap;
    align-items:center;
}
.select:after {
    content: "\f078";
    font-family: 'FontAwesome';
    
    z-index: 5;
    
    flex: 0 0 0;
    margin-left: -1.5em;
}
select {
    font-size: 1em;
    padding: 0.5em;
    padding-right: 2em;
    
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    
    background-color: transparent;
    width:100%;
    cursor: pointer;
    
    z-index: 6;
}