.copy-button{--copy-button-size:32px;align-items:center;display:inline-flex;position:relative}.copy-button__btn{width:var(--copy-button-size);height:var(--copy-button-size);border:1px solid var(--brand-300);background:var(--brand-50);color:var(--brand-700);box-shadow:var(--shadow-1);cursor:pointer;border-radius:999px;place-items:center;transition:transform 50ms,filter .2s,box-shadow .2s,background-color .2s,border-color .2s,color .2s;display:inline-grid}.copy-button__btn:hover{filter:brightness(.98)}.copy-button__btn:active{transform:scale(.95)}.copy-button__btn:focus-visible{outline:2px solid var(--brand-700);outline-offset:2px}.copy-button__btn--copied{background:var(--brand-100);border-color:var(--brand-600);color:var(--brand-900);filter:none}.copy-button__icon{width:16px;height:16px}.copy-button__icon--success{animation:.16s ease-out cb-pop}@keyframes cb-pop{0%{opacity:.4;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.copy-button__tooltip{white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:var(--brand-700);color:#fff;box-shadow:var(--shadow-1);border-radius:10px;margin-left:8px;padding:6px 8px;font-size:12px;line-height:1;position:absolute;top:50%;left:100%;transform:translateY(-50%)}@media (prefers-reduced-motion:reduce){.copy-button__btn,.copy-button__icon--success{transition:none;animation:none}}