Rhye Arrows CSS Adjustment

/* normal state */
.arrow .circle {
  stroke: red;
}

.arrow__pointer {
  background-color: red;
}

.arrow__triangle {
  border-color: transparent transparent transparent red;
}

/* hover state */
.arrow:hover .circle {
  stroke: blue !important;
}

.arrow:hover .arrow__pointer {
 background-color: blue !important;
}

.arrow:hover .arrow__triangle {
 border-color: transparent transparent transparent blue !important;
}