/* Botão «Voltar ao Website» da demonstração, na linguagem dos botões do ORBIT */
.demo-voltar {
  display: inline-flex; align-items: center; gap: 8px; flex: none;
  height: var(--ctl); padding: 0 12px 0 10px;
  border: 1px solid var(--accent-line); border-radius: var(--r);
  background: rgba(13, 15, 20, 0.82); color: var(--ink);
  font: 500 11px/1 var(--mono); letter-spacing: .12em; text-transform: uppercase; text-decoration: none; white-space: nowrap;
  transition: border-color .2s, box-shadow .2s;
}
.demo-voltar:hover { border-color: var(--accent); box-shadow: inset 0 0 14px var(--accent-glow); }
.demo-voltar svg { width: 14px; height: 14px; color: var(--accent); }
@media (max-width: 820px) {
  .demo-voltar-mais { display: none; }
  /* Com o botão, a marca fica com a largura de que precisa e a pesquisa ocupa o resto */
  .com-voltar .brand { flex: 0 1 auto; }
  .com-voltar .search { flex: 1 1 0; min-width: 0; }
}
/* Em ecrãs estreitos, o botão ocupa o lugar do nome: fica o símbolo do ORBIT e a etiqueta Demo */
@media (max-width: 560px) { .com-voltar .brand-name { display: none; } }