I’d like to define a box in which my :hover effect can remain active, because my problem is as follows: when I hover over my “log in” field I can actually see my other two elements displayed unfortunately I don’t know how to keep it active as long as the user is in a certain predefined area, I started css very recently and it’s for a python project (I work with the flask framework) I tried putting a margin to my “log in” field unfortunately the links shook and were displayed then removed, if anyone has an idea it would help me a lot.

I tried with a margin on my “connect” field, thinking it would make the “box” that would keep the effect active. Unfortunately, the margin collided with my other two fields.