In your example, you should first consider how your users will most often be interacting with these buttons.
A user who is interacting with a mouse will likely want the 'Approve' button on the left, where it is closer to the content.
On the other hand, if your users are all interacting with your form via mobile touch screen, putting the 'Approve' button on the right will put it in the most easily reached location.
If your users regularly interact through multiple interfaces, you should not change the button positions based on user device, because that inconsistency is more likely to confuse or frustrate users who use both. You should pick one button order and use that for all interfaces.
If your buttons were navigation buttons on a dialog box, that would be a different concern. As navigation buttons, where 'OK' and 'Cancel' are equivalent to 'Next' and 'Back', respectively, the 'OK' button should be on the right, as most existing interfaces use reading order of left being 'Back' and right being 'Next'.