:root{--btn-text-color:var(--color-paper);--btn-bg-color:var(--color-ink);--btn-border-color:var(--color-ink);--btn-hover-text-color:#fff;--btn-hover-bg-color:var(--color-accent);--btn-hover-border-color:var(--color-accent)}.btn{cursor:pointer;width:fit-content;box-shadow:none;font-family:var(--font-primary);font-size:var(--text-14);font-weight:var(--font-weight-500);letter-spacing:.01em;border:1px solid var(--btn-border-color);background-color:var(--btn-bg-color);color:var(--btn-text-color);flex-direction:row;justify-content:center;align-items:center;gap:10px;padding:.875rem 1.5rem;line-height:1;text-decoration:none;transition:transform .2s,background-color .2s,color .2s,border-color .2s;display:inline-flex;position:relative}.btn:hover,.btn:focus-visible,.btn.is-selected,.btn.btn--selected{color:var(--btn-hover-text-color);background-color:var(--btn-hover-bg-color);border-color:var(--btn-hover-border-color);transform:translateY(-1px)}.btn .btn__icon,.btn .svg-icon{flex-shrink:0;width:14px;height:14px;transition:transform .2s}.btn:hover .btn__icon,.btn:hover .svg-icon,.btn:focus-visible .btn__icon,.btn:focus-visible .svg-icon{transform:translate(3px)}.btn.btn--primary{--btn-text-color:var(--color-paper);--btn-bg-color:var(--color-ink);--btn-border-color:var(--color-ink);--btn-hover-text-color:#fff;--btn-hover-bg-color:var(--color-accent);--btn-hover-border-color:var(--color-accent)}.btn.btn--secondary{--btn-text-color:var(--color-ink);--btn-bg-color:#fff;--btn-border-color:#fff;--btn-hover-text-color:#fff;--btn-hover-bg-color:var(--color-accent);--btn-hover-border-color:var(--color-accent)}.btn.btn--subtle{--btn-text-color:var(--color-ink);--btn-bg-color:transparent;--btn-border-color:var(--color-ink);--btn-hover-text-color:var(--color-paper);--btn-hover-bg-color:var(--color-ink);--btn-hover-border-color:var(--color-ink)}.btn.btn--link{--btn-text-color:var(--color-ink);--btn-bg-color:transparent;--btn-border-color:transparent;--btn-hover-text-color:var(--color-accent);--btn-hover-bg-color:transparent;--btn-hover-border-color:transparent;border-bottom:1px solid var(--color-line);border-radius:0;padding:.25rem 0}.btn.btn--link:hover,.btn.btn--link:focus-visible{border-bottom-color:var(--color-accent);transform:none}.btn.btn--size-small{font-size:var(--text-13);gap:8px;padding:.625rem 1.125rem}.btn.btn--size-small .btn__icon,.btn.btn--size-small .svg-icon{width:12px;height:12px}.btn.btn--size-small.btn--icon-alone{padding:.5rem}.btn.btn--size-medium{padding:.875rem 1.5rem}.btn.btn--size-medium.btn--icon-alone{padding:.75rem}.btn.btn--size-large{font-size:var(--text-14);padding:1rem 1.75rem}.btn.btn--size-large .btn__icon,.btn.btn--size-large .svg-icon{width:16px;height:16px}.btn.btn--size-large.btn--icon-alone{padding:.875rem}.btn.btn--full-width{width:100%}.btn.btn--icon-alone .btn__text{display:none}.btn.btn--icon-left .btn__icon,.btn.btn--icon-left .svg-icon{order:-1}.btn.btn--icon-left:hover .btn__icon,.btn.btn--icon-left:hover .svg-icon,.btn.btn--icon-left:focus-visible .btn__icon,.btn.btn--icon-left:focus-visible .svg-icon{transform:translate(-3px)}.btn.btn--icon-rotate-90 .btn__icon,.btn.btn--icon-rotate-90 .svg-icon{transform:rotate(90deg)}.btn:disabled,.btn.is-disabled,.btn.btn--disabled{cursor:not-allowed;--btn-text-color:var(--color-muted);--btn-bg-color:transparent;--btn-border-color:var(--color-line);--btn-hover-text-color:var(--color-muted);--btn-hover-bg-color:transparent;--btn-hover-border-color:var(--color-line)}:is(.btn:disabled,.btn.is-disabled,.btn.btn--disabled):hover{transform:none}
