Arrow Button

Arrow Button consists of a label, an arrow and the button itself, so there are 3 parts to style and several combinations that can be achieved. First demo has styles at the label and the arrow. Second demo has styles at the button and the arrow. 

If enable, a Swap Hover will be included at the label.
Duration
CSS easing: you can set any custom CSS easing of your own. Learn more about CSS easings here.

Icon: there are 4 arrows to choose from. The demo uses Arrow 2.
Position: determines where the arrow will be set. Left will set arrow before the label. Right will set arrow after the label.

Distance between arrows: determines how much distance to apply until the second arrow enters on hover. Both demos use 300%.
Arrow scale: determines how much scale to apply on hover. First demo uses 1.25
Duration
CSS easing: you can set any custom CSS easing of your own. Learn more about CSS easings here.

– Tamu