.CopyButton{width:3.2rem;height:3.2rem;color:var(--color-turquoise-black);cursor:pointer;background:var(--color-turquoise-12);transition:background-color var(--transition-duration) var(--ease-out-quad), color var(--transition-duration) var(--ease-out-quad), transform var(--transition-duration-fast) var(--ease-out-quad);border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}@media (hover:hover){.CopyButton:hover{background:color-mix(in srgb, var(--color-turquoise) 18%, transparent)}}.CopyButton:active{transform:scale(.92)}.CopyButton:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}.CopyButton.isOnColor{width:4.4rem;height:4.4rem;color:var(--color-turquoise-black);background:var(--color-white)}@media (hover:hover){.CopyButton.isOnColor:hover{background:var(--color-bg)}}.CopyButton.isDone{color:var(--color-white);background:var(--color-green-dark)}.CopyButton__icon{width:1.4rem;height:1.4rem;transition:opacity var(--transition-duration-fast) var(--ease-out-quad), transform var(--transition-duration) var(--ease-out-back);grid-area:1/1;display:block}.CopyButton__icon.isCheck{opacity:0;position:absolute;transform:scale(.4)}.CopyButton.isDone .CopyButton__icon.isCopy{opacity:0;transform:scale(.4)}.CopyButton.isDone .CopyButton__icon.isCheck{opacity:1;transform:scale(1)}@media (prefers-reduced-motion:reduce){.CopyButton,.CopyButton__icon{transition:none}}