body h1 a:hover, body h2 a:hover, body h3 a:hover, body h4 a:hover, body h5 a:hover, body h6 a:hover { color: var(--accent-hover); } @media (max-width: 767px) { :root { --header-height: 4.5rem; } } .clickable-parent:not(a) > a::after { z-index: 1; }