Fix privacy button tap

script.js

@@ -110,6 +110,14 @@ openPrivacyButtons.forEach((button) => {
   button.addEventListener("click", () => openPrivacyFlyover(button));
 });
 
+document.addEventListener("click", (event) => {
+  const privacyButton = event.target.closest("[data-open-privacy]");
+  if (!privacyButton) return;
+
+  event.preventDefault();
+  openPrivacyFlyover(privacyButton);
+});
+
 closePrivacyButtons.forEach((button) => {
   button.addEventListener("click", closePrivacyFlyover);
 });

styles.css

@@ -552,6 +552,8 @@ button {
   grid-area: privacy;
   justify-self: start;
   align-self: end;
+  position: relative;
+  z-index: 2;
   width: fit-content;
   padding: 0.45rem 0.85rem;
   border: 1px solid rgba(47, 58, 24, 0.2);
@@ -563,6 +565,8 @@ button {
   letter-spacing: 0.04em;
   text-transform: uppercase;
   cursor: pointer;
+  pointer-events: auto;
+  touch-action: manipulation;
   transition:
     background 180ms ease,
     border-color 180ms ease,