I have the example below and after one opens the link in a new tab, the link remains focused. But I want to unfocus the link that was clicked right after the event is fired. I want to use pure Javascript.

https://jsfiddle.net/talesebner/j4gry7zk/

<a href="#">Link</a>

a,
a:link,
a:visited {
    border-bottom: 0.2rem solid fuchsia;
    color: fuchsia;
    text-decoration: none;
    transition: all 0.2s ease-out;
}

a:focus,
a:hover,
a:active {
    border-color: blueviolet;
    color: blueviolet;
    padding-bottom: 0.2rem;
}