/* Presentation only: the existing portal controls when this state appears. */
body:has(#exclusivePortalState:not([hidden]), #maloumPortalState:not([hidden]))::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 20;
  background: rgb(12 8 15 / 64%);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  pointer-events: none;
}

#exclusivePortalState:not([hidden]),
#maloumPortalState:not([hidden]) {
  position: relative;
  z-index: 21;
}

#exclusivePortalState > .secondary-link,
#maloumPortalState > .secondary-link {
  justify-content: center;
  gap: 14px;
  min-height: 78px;
  background: #fff4e2;
  border: 1px solid #fffaf1;
  color: #33232c;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: .02em;
  box-shadow: 0 0 0 5px rgb(255 244 226 / 10%),
    0 12px 48px rgb(0 0 0 / 35%), 0 0 44px rgb(255 228 198 / 16%);
}