header .demo-home:any-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  justify-self: end;
  gap: .6em;
  flex: none;
  min-height: 44px;
  padding: .55em 1em;
  border: 1px solid currentColor;
  border-color: color-mix(in srgb, currentColor 48%, transparent);
  border-radius: 999px;
  background: color-mix(in srgb, currentColor 6%, transparent);
  color: inherit;
  font: 550 clamp(13px, .94vw, 28px)/1.23 system-ui, sans-serif;
  white-space: nowrap;
  text-decoration: none;
}
.demo-home svg { width: 1.2em; height: 1.2em; flex: none; }
.demo-home b { font-weight: 750; }
.demo-home__short { display: none; }
header .demo-home:any-link:hover,
header .demo-home:any-link:active {
  color: inherit;
  background: color-mix(in srgb, currentColor 14%, transparent);
  border-color: currentColor;
  text-decoration: none;
}
header .demo-home:any-link:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }

@media (max-width: 900px) {
  .demo-home__full { display: none; }
  .demo-home__short { display: inline; }
}
@media (max-width: 760px) {
  header .demo-home:any-link { margin-inline-start: auto; }
}
@media (max-width: 480px) {
  header .demo-home:any-link { gap: .45em; padding: .4em .85em; }
  .demo-home b { display: block; }
}