.ipsum-sidebar a[data-ipsum-unread]::after {
  content: attr(data-ipsum-unread);
  margin-inline-start: 4px;
  padding: 1px 7px;
  border-radius: 999px;
  background: #b52043;
  color: white;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

.ipsum-unread-welcome {
  margin: auto;
  width: min(24rem, calc(100% - 2rem));
  padding: 1.25rem;
  border: 1px solid #e2e8f0;
  border-radius: 1rem;
  background: #fff;
  color: #172033;
}

.dark .ipsum-unread-welcome {
  background: #172033;
  color: #fff;
  border-color: #465167;
}

.ipsum-unread-welcome::backdrop { background: rgb(15 23 42 / 50%); }
.ipsum-unread-welcome h2 { margin: 0 0 0.75rem; font-weight: 700; }
.ipsum-unread-welcome a { display: block; margin-block: 0.75rem; text-decoration: underline; }
.ipsum-unread-welcome button { margin-top: 0.75rem; padding: 0.4rem 0.75rem; border: 1px solid currentColor; border-radius: 0.5rem; }