The pointer-events property allows for control over how HTML elements respond to mouse/touch events – including CSS hover/active states, click/tap events in Javascript, and whether or not the cursor is visible.
e.g.: you make something not-clickable even though it's inside an anchor tag
.avoid-clicks {
pointer-events: none;
}