.demo-notice {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: .5rem 1rem;
}
.demo-notice > div:first-child { display: flex; flex-wrap: wrap; gap: .25rem .65rem; }
.demo-notice span { margin: 0; }
.demo-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; }
.demo-actions a { color: inherit; font-weight: 700; text-underline-offset: 3px; }
.demo-actions button { padding: 4px 0; }

.demo-actions .demo-return,
.demo-actions .demo-plans {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: .55rem .8rem;
  border: 1px solid #1a424c;
  border-radius: 8px;
  text-decoration: none;
  white-space: nowrap;
}
.demo-actions .demo-return { color: #1a424c; background: #fff; }
.demo-actions .demo-return:hover { background: #edf5f3; }
.demo-actions .demo-plans { color: #17343c; background: #c3f32f; }
.demo-actions .demo-plans:hover { background: #d8f874; }