Turning the "filter" buttons on webcompat.com/issues into arrows (sort of)

filter-arrows.css

.wc-Filter{position:relative; padding-right: 24px; 
  padding-left: 29px; 
  margin-left: -28px;
border-left-width: 0;}
.wc-Filter::before{
  right: -12px;
  height: 0px;
  display:block;
  position: absolute;
  padding:0; margin: 0;vertical-align: bottom;margin-top: -6px;
  border-style: solid;
border-width: 14px 14px 14px 14px;
border-color: transparent;
content: "";
}

.wc-Filter--new{
  border-left-width: 1px;
  border-right-width: 0;
}

.wc-Filter--new::before{
  border-color:  #fff #fff #fff #ff8364
}

.wc-Filter--needsDiagnosis::before{
  border-color:  #fff #fff #fff #efce82
}

.wc-Filter--needsContact::before{
  border-color:  #fff #fff #fff #B9edce
}
.wc-Filter--ready::before{
  border-color:  #fff #fff #fff #7abce1
}
.wc-Filter--sitewait::before{
  border-color:  #fff #fff #fff #B0daf0
}
.wc-Filter--close::before{
  display:none;
}