/* Click-to-copy CLI command button (pairs with js/cli-copy.js).
   Builds on .btn / .btn-secondary. The resting label stays put; on copy a
   green "Copied!" overlay covers the button — no layout shift, can't be missed. */
.btn-cli {
  position: relative;
  gap: var(--space-sm);
}

.btn-cli .btn-cli-icon {
  flex-shrink: 0;
  opacity: 0.6;
}

.btn-cli .btn-cli-copied {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border-radius: inherit;
  background-color: var(--color-accent);
  color: #fff;
  font-weight: var(--font-weight-medium);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.15s ease;
}

.btn-cli.is-copied .btn-cli-copied {
  opacity: 1;
}