Thanks for your quick answer. The code you provided has 2 issues.
1) the arrow is placed before the text while it should be after
2) it does not take the class "fa fa-angle" into account
See screenshot
Best
You may need to experiment with the order of HTML tags and the Gettext function you use to localize the "Next" word. You may also need to create a custom CSS rule that will take care of the URL position.
Please note that the URL styling (position of the arrow or the text itself) has nothing to do with WPML. At this point, it becomes a custom coding that is beyond the scope of our support.
Since the translation is working fine but the example code snippet doesn't get you the exact result that you want, I'd strongly recommend you to contact your theme's authors. They know their product and they should be able to help you quickly and more accurately.