.native-push-invite {
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(10, 31, 29, .68);
  direction: rtl;
}

.native-push-invite-card {
  box-sizing: border-box;
  width: min(100%, 420px);
  padding: 24px;
  border-radius: 20px;
  background: #fff;
  color: #183a32;
  box-shadow: 0 20px 60px rgba(0, 0, 0, .24);
  font-family: inherit;
}

.native-push-invite h2 { margin: 0 0 10px; font-size: 1.25rem; }
.native-push-invite p { margin: 0 0 18px; line-height: 1.8; }
.native-push-invite button {
  box-sizing: border-box;
  width: 100%;
  min-height: 44px;
  margin-top: 9px;
  border: 1px solid #d2ded9;
  border-radius: 11px;
  background: #f5f8f6;
  color: #183a32;
  cursor: pointer;
  font: inherit;
}
.native-push-invite button[data-action="enable"] { border-color: #146f54; background: #146f54; color: #fff; }
.native-push-invite button:focus-visible { outline: 3px solid #78b6ff; outline-offset: 2px; }
.native-push-invite button:disabled { opacity: .6; cursor: wait; }
.native-push-invite .native-push-invite-error { margin: 12px 0 0; color: #a12b2b; }
.native-push-invite .native-push-invite-error:empty { display: none; }