Microsoft IE and Edge do not apply CSS pointer-events:none to pseudo elements

If you attempt to disable a button or link with pointer-events:none it normally works, but if you have a pseudo before or after element, those elements still cause the button to be clickable.

Working examples without pseudo elements

Broken examples due to pseudo elements

Examples of quick-fix by applying display:inline-block and pointer-events:inherit on the pseudo-elements