That selecting the first child of a child element when the parent is hovered in CSS is weird.

It might be the weirdest line of CSS I’ve ever written.

.site-footer__nav a:hover > svg ellipse:first-child {
  fill: var(--primary-color);
}