.afterhours-session-notice {
  position: fixed;
  z-index: 100000;
  left: 50%;
  bottom: max(1rem, env(safe-area-inset-bottom));
  transform: translateX(-50%);
  box-sizing: border-box;
  width: min(42rem, calc(100% - 2rem));
  margin: 0;
  padding: 1rem 1.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  background: #151a24;
  color: #f4f6fc;
  border: 1px solid #879ac0;
  border-radius: 14px;
  box-shadow: 0 8px 32px #0006;
}
.afterhours-session-notice p { margin: .35rem 0 0; font-size: .9rem; line-height: 1.5; }
.afterhours-session-notice .primary-button { flex-shrink: 0; text-align: center; }
@media (max-width: 560px) {
  .afterhours-session-notice { flex-direction: column; align-items: stretch; }
}