Pointer Events

Allows an element and its children to ignore pointer events.

Valid values are:

• auto or visible: allow pointer events only when the element is visible
• all: always allow pointer events
• none: ignore all pointer events

:root {
  align-items: center;
}

.test {
  flex-direction: row;
  align-items: center;
}

.test > button {
  margin: 20px;
}