link in footer jumps on hover

[sophes]

Hi there!
In my footer, I have a font that changes to slanted on hover. In Safari it works fine, but in Firefox the whole footer jumps up when hovering over the link.
I have the same effect applied at the title, that also works just fine.
Maybe it´s not a Lay Theme problem, but I hope you have any idea that helps.

Here´s the website: https://turbo-type.com/homepage-copy/

And this is my CSS:
.lay-textformat-parent ._Headline_large a span {
font-family: 'NeueKramerGroteskText-90', sans-serif; }
.lay-textformat-parent ._Headline_large a span:hover {
font-family: 'NKGttWebsite-90turbo', sans-serif; }

Best wishes!

[arminunruh]

.lay-textformat-parent ._Headline_large a span{
display: block;
}

by setting this to block it seems it wont jump

[sophes]

thanks for your reply! unfortunately the type still jumps (in Firefox), but at least not the whole footer.

[arminunruh]

yea maybe has sth to do with the font? not sure why that happens

if you have a variable font, you could try to use this and change the italic axis on hover instead of switching the font

[sophes]

okay, I´ll check this out, I was just curious because it works fine with the site title.

[arminunruh]

maybe cause its fixed not sure

[arminunruh]

cause its position: fixed; its css
MAYBE