Weird

HTML

<a href="#">This is a really long link to test out a weird thingie I found that happens when you highlight a link</a>

CSS

a {
background-color:rgba(0, 0, 0, 0);
background-image:linear-gradient(rgb(210, 68, 50) 50%, rgb(255, 255, 255) 0px);
background-position-x:0px;
background-position-y:calc(43% + 13.16px);
background-repeat-x:;
background-repeat-y:;
background-size:1px 3.36px;
box-sizing:border-box;
color:rgb(0, 0, 0);
cursor:pointer;
display:inline;
font-family:Charter, Georgia, Times, serif;
font-kerning:normal;
font-size:19px;
height:auto;
line-height:30.4px;
outline-color:rgb(77, 144, 254);
outline-style:auto;
outline-width:0.909091px;
text-decoration-color:rgb(0, 0, 0);
text-decoration-line:none;
text-decoration-style:solid;
text-shadow:rgb(255, 255, 255) 0.96px 0px 0px, rgb(255, 255, 255) -0.96px 0px 0px, rgb(255, 255, 255) 0px 0.96px 0px, rgb(255, 255, 255) 0px -0.96px 0px, rgb(255, 255, 255) 1.92px 0px 0px, rgb(255, 255, 255) -1.92px 0px 0px, rgb(255, 255, 255) 2.88px 0px 0px, rgb(255, 255, 255) -2.88px 0px 0px, rgb(255, 255, 255) 3.84px 0px 0px, rgb(255, 255, 255) -3.84px 0px 0px, rgb(255, 255, 255) 4.8px 0px 0px, rgb(255, 255, 255) -4.8px 0px 0px;
text-size-adjust:100%;
transition-delay:0s;
transition-duration:0.3s;
transition-property:all;
transition-timing-function:ease-in-out;
width:auto;
-webkit-font-smoothing:antialiased;
}