Match contact flyover behavior

styles.css

@@ -728,10 +728,6 @@ button {
   position: fixed;
   inset: 0;
   z-index: 21;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 1rem;
   overflow-y: auto;
   overscroll-behavior: contain;
 }
@@ -744,7 +740,9 @@ button {
 }
 
 .privacy-flyover__panel {
-  position: relative;
+  position: absolute;
+  top: var(--privacy-flyover-top, 2rem);
+  left: var(--privacy-flyover-left, auto);
   width: min(680px, calc(100vw - 2rem));
   max-height: calc(100vh - 2rem);
   overflow-x: hidden;
@@ -1095,17 +1093,16 @@ button {
   }
 
   .privacy-flyover {
-    display: block;
     padding: 0;
   }
 
   .privacy-flyover__panel {
-    position: absolute;
+    top: auto;
     right: 1.25rem;
     bottom: calc(1.25rem + env(safe-area-inset-bottom, 0px));
     left: 1.25rem;
-    width: auto;
-    max-width: none;
+    width: calc(100vw - 2.5rem);
+    max-width: calc(100vw - 2.5rem);
     max-height: calc(100dvh - 2.5rem - env(safe-area-inset-bottom, 0px));
     margin: 0;
     padding: 1.2rem;