/* The invitation's one text reminder. assets/sms-choice.js puts these words in
   the SHARED dialog (ui.js WW.ui.modal): ui.css draws its card, its entrance,
   the phone's sheet and the scroll lock, as for every dialog on the site. Only
   the words and the two answers are styled here, at the client type floor
   (PR-D2b: 17px body, 15px small print, 48px answers). The two answers are the
   SAME size, type and border on purpose: a second look at an optional choice,
   not a push. */
.sms-remind .ww-modal-head h2:focus{outline:none}
.sms-remind .sms-remind-lead{margin:0 0 14px;font-size:17px;line-height:1.5;color:var(--muted-ink)}
.sms-remind .sms-remind-offer{margin:0;padding:14px 16px;border:1px solid rgba(41,54,74,.28);border-radius:12px;
  background:rgba(41,54,74,.06);font-size:17px;line-height:1.5;color:var(--ink)}
.sms-remind .sms-fine{margin:12px 0 0;font-size:15px;line-height:1.5;text-align:left;color:var(--muted-ink)}
.sms-remind .sms-fine a{color:var(--copper-text);font-weight:700}
.sms-remind .sms-remind-note{margin:14px 0 0;font-size:15px;line-height:1.4;color:var(--muted-ink)}
dialog.ww-dialog.sms-remind .ww-modal-foot{display:grid;grid-template-columns:1fr;grid-auto-rows:1fr;gap:10px}
dialog.ww-dialog.sms-remind .ww-modal-foot > button{width:100%;margin:0;padding:10px 18px;
  border:2px solid var(--ink,#29364a);font-size:17px;font-weight:700}