How to make padding left on hover?

Question

css

How to make it so that when hovering over the right arrow, when the word "Advance" appears on hover, the arrow moves to the left of the word, for example by 5px. These are the arrows from the slider, they are positioned using position:absolute and the property right: 75px in the right arrow so that it is exactly on the right, when I take this property, I can hang padding left 5px on #next:hover and everything works like it is necessary, but then it does not come out to position the right arrow. How to implement that the arrows would be in their places, and the padding of the arrows from the word would work?
fiddle

Answer 1

what are the indents when animating only translate in this case