/* styles/sections/cli-copy-button.css
 * The "Install the CLI" secondary button on /ship-faster/ and /return-on-tokens/: js/cli-copy.js
 * copies its data-cli-copy command and adds .is-copied for about two seconds, which shows the
 * fern "Copied!" cover over the label (no layout shift). The status text is polite and sr-only. */
@layer sections {
  .btn-cli .btn-cli-icon {
    flex-shrink: 0;
    opacity: 0.6;
  }

  .btn-cli .btn-cli-copied {
    position: absolute;
    inset: -1px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border-radius: inherit;
    background: var(--fern);
    color: var(--white);
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--dur-fast);
  }

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