I am a little stuck with something. I am trying to create circular buttons with arrows that will allow the user to navigate to the next page (not a slider but a button). And I want the button to have a slight gradient in colour once the button is hovered over and cliked on.. the below image is what I am trying to create. One left arrow button and one right arrow button.
I have created this: from using a button, changing the text into a symbol and making the square box into a circle. How can I center the arrow? And is the best way to approach this?