its firefox again, I could have just used a span(dont know which is better semantically)
but I need something to provide that padding in between, cannot use padding in parent in cause it will take space in the parent container, margin/padding in link also causes undesirable behaviours. content disappears from the dom when hidden feels the most elegant here

Some styling fixes remain

you removed the comp from the button, it there any problem with that cause that was the best fix to the problem that got introduced now

<Comp> in the code corresponds to the heading we're using. It doesn't feel right to have <h2> for the heading and then another <h2> for a button?

Uh, @heydoyouknowme0?

I've spent a lot of time on this, using comp or adding a span(or something to encompass it, then styling it) is the only way I could find to make it work as intended.

Latest code still has problems with making the gap unclickable which weren't present before

If we want to make the gap unclickable we can just add a margin instead of a padding, no?

Nope then hover isn't registered