/* A useful event reminder beside the mobile RSVP action. */
.mbar-countdown { min-width: 0; flex: 1 1 auto; }
.mbar-countdown span,
.mbar-countdown strong { display: block; white-space: nowrap; }
.mbar-countdown span {
  color: #795c48;
  font: 700 10px/1.15 'Figtree', sans-serif;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.mbar-countdown strong {
  margin-top: 3px;
  color: #4c251d;
  font: 800 15px/1.1 'Figtree', sans-serif;
  font-variant-numeric: tabular-nums;
}
.mbar .btn { flex: 0 0 auto; }
@media (max-width: 360px) {
  .mbar { gap: 8px; padding-inline: 10px; }
  .mbar-countdown strong { font-size: 13px; }
  .mbar .btn { padding-inline: 10px; font-size: 12px; }
}