.copy-clip{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.copy-clip__text{font-size:.875rem;color:var(--color-navy);font-weight:500}.copy-clip__btn{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .75rem;border-radius:100px;border:1.5px solid #d8cfc0;background:transparent;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.05em;color:var(--color-muted);cursor:pointer;transition:border-color var(--transition),color var(--transition);white-space:nowrap}.copy-clip__btn:hover{border-color:var(--color-terracotta);color:var(--color-terracotta)}.copy-clip__btn--copied{border-color:var(--color-sage);color:var(--color-sage)}.copy-clip--footer .copy-clip__text{color:hsla(0,0%,100%,.6)}.copy-clip--footer .copy-clip__btn{border-color:hsla(0,0%,100%,.2);color:hsla(0,0%,100%,.45)}.copy-clip--footer .copy-clip__btn:hover{border-color:var(--color-gold);color:var(--color-gold)}.copy-clip--footer .copy-clip__btn--copied{border-color:var(--color-sage);color:var(--color-sage)}