The cursor property defines what the mouse cursor looks like when it hovers over the element. cursor CSS property - MDN Web Docs
The vertical-align property controls the vertical position of an or table-cell element. .q7HgZj6S { vertical-align:top; cursor: pointe...
: Ensuring an icon or small image stays pinned to the top of a line of text, preventing it from "floating" awkwardly in the middle if the text font size changes. The cursor property defines what the mouse cursor
: Using top aligns the top of the element (and its descendants) with the top of the entire line box. .q7HgZj6S { vertical-align:top; cursor: pointe...
: This property only works on elements with display: inline , inline-block , or table-cell . 2. Mouse Interaction ( cursor: pointer )