.fymw-demo-social-backdrop {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(45, 17, 13, 0.62);
  backdrop-filter: blur(4px);
}

.fymw-demo-social-modal {
  width: min(100%, 420px);
  border: 1px solid rgba(84, 37, 29, 0.18);
  border-radius: 24px;
  padding: 30px;
  background: #fffaf4;
  color: #54251d;
  box-shadow: 0 24px 70px rgba(45, 17, 13, 0.28);
  text-align: center;
}

.fymw-demo-social-modal h2 {
  margin: 0;
  font: 700 clamp(1.55rem, 5vw, 2rem)/1.1 Georgia, serif;
}

.fymw-demo-social-modal p {
  margin: 16px auto 24px;
  max-width: 32ch;
  font: 500 1rem/1.6 system-ui, sans-serif;
}

.fymw-demo-social-modal button {
  min-width: 120px;
  min-height: 44px;
  border: 0;
  border-radius: 999px;
  padding: 12px 24px;
  background: #54251d;
  color: #fff;
  font: 700 1rem/1 system-ui, sans-serif;
  cursor: pointer;
}

.fymw-demo-social-modal button:focus-visible {
  outline: 3px solid #c47d69;
  outline-offset: 3px;
}