Link formatting in Header and CTAs

[atlas9concepts]

Hi,

As of yesterday, the links in my header and CTAs on my website are not working correctly, even though they were working the previous day.

In my header, 2 out of the 3 sections in the flexbox are misaligned. In my HTML code, these sections are ordered as flex container < flex item (image 1). But when I use inspect, it is ordered as flex container < i < i < flex item (image 2). I have no idea where these <i> tags are coming from.

And in my CTAs, I have not added a font-style property to the element, yet they are suddenly inheriting the italic font-style (image 3) from "user agent stylesheet" . Again, this <i> tag seems to be involved?

Does anyone know why this is occurring and what I can do to fix it?? 

TIA!