.collection-btn{display:inline-block;position:relative}.collection-btn__button{justify-content:center;align-items:center;gap:var(--space-2);min-width:var(--tap-size);min-height:var(--tap-size);padding:0 var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text);font:inherit;cursor:pointer;display:inline-flex}.collection-btn--text .collection-btn__button{padding:0 var(--space-3)}.collection-btn__button:hover{border-color:var(--color-primary)}.collection-btn__button:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.collection-btn__button--on{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}.collection-btn__button--on:hover{background:var(--color-primary-hover)}.collection-btn__button[aria-busy=true]{opacity:.7}.collection-btn__icon{display:inline-flex}.collection-btn__icon svg{width:1.25rem;height:1.25rem}.collection-btn__msg--on{top:calc(100% + var(--space-1));z-index:10;width:max-content;max-width:min(16rem,80vw);padding:var(--space-2);border:1px solid var(--color-error);border-radius:var(--radius);background:var(--color-bg);color:var(--color-error);text-align:left;font-size:.875rem;line-height:1.3;display:block;position:absolute;right:0}@media (prefers-reduced-motion:no-preference){.collection-btn__button{transition:background-color .15s,border-color .15s}}