You would have to recreate the css and add another name/class for the arrow. For example, if you want the arrow to be a white color then you can use the code below…..just make sure to add arrow-2
when adding the code inside your widget (instead of arrow) –
.arrow-2 {
display: inline-block;
width: 60px;
height: 60px;
border: 2px solid #19c1ff;
border-radius: 50%;
margin-left: 0.75em;
margin-bottom: 40px;
}
.arrow-2:hover {
opacity: .5;
}
.arrow-2:after {
content: '';
display: inline-block;
margin-top: 14px;
width: 20px;
height: 20px;
border-top: 2px solid #19c1ff;
border-right: 2px solid #19c1ff;
-moz-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.arrow-2 {
border: 2px solid #fff;
}
.arrow-2:after {
border-top: 2px solid #fff;
border-right: 2px solid #fff;
}