Got an issue and no ideas for solving this.

I have some link in my HTML, to which I apply :hover and :focus+:active CSS styles (here's example):
<https://codepen.io/Auditive/pen/WVrRKJ>

When I'm clicking such link by mousewheel (for opening in other tab) - the :focus & :active CSS styles remain.

I'm looking for ways to remove :focus & :active styles from clicked link.
For example, maybe smth like:

```
function RemoveFocus() {
  var link = document.getElementsByTagName("a");
  link.addEventListener("click", function() { 
      link.blur();
      });
}

```

Thanks in advance.