.command {
  display: flex;
  align-items: flex-start;
  gap: var(--space-md);
  margin-block-start: var(--space-lg);
  padding-block: 14px;
  padding-inline: 16px;
  border: 1px solid var(--color-line-soft);
  border-radius: var(--radius);
  background: var(--color-well);
}

.command__code {
  flex: 1;
  min-inline-size: 0;
  color: var(--color-terminal-text);
  font: 400 13px/1.6 var(--font-mono);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.command__copy {
  flex: none;
  padding: 0;
  border: 0;
  background: none;
  color: var(--color-text-faint);
  font: 500 13px/1.6 var(--font-sans);
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-color: var(--color-line);
  cursor: pointer;
}

.command__copy:hover {
  color: var(--color-text);
}