Border shape of active state in "tertiary-on-primary" button does not match focused state

[danxuliu]

The :active state of the tertiary-on-primary button introduced in https://github.com/nextcloud/nextcloud-vue/pull/2871 shows a round background for the button, even if the box shadow is (almost) square when focused:

The :active state can be triggered by pressing on the button and then moving the cursor away so it no longer hovers it (as :hover overrides :active).

By default buttons in the :active state change their background colour, except primary, success, warning or error buttons, in which the :active state is not distinguishable from the inactive state; that might need to be fixed too (although that seems to be done on purpose, so maybe it is fine that way, I do not know).