.bk-button{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;min-height:3rem;max-width:100%;padding:.75rem 1.25rem;border:0;border-radius:var(--ds-radius-button,.75rem);font-family:var(--font-body);font-size:1rem;font-weight:600;line-height:1.5;letter-spacing:0;text-align:center;text-decoration:none;color:var(--color-text);background:var(--button-fill,#ededeb);white-space:normal;cursor:pointer;transition:background-color 140ms ease}
.bk-button:lang(ja){font-family:var(--font-ja);font-weight:400}
.bk-button.primary{--button-fill:var(--color-accent);background:var(--button-fill)}
.bk-button.secondary{--button-fill:#ededeb;background:var(--button-fill)}
.bk-button.quiet{--button-fill:transparent;background:transparent}
.bk-button:hover:not(:disabled):not([aria-disabled=true]),.bk-button.show-hover{background:color-mix(in srgb,var(--button-fill,var(--color-surface)) 94%,#171717)}
.bk-button:active:not(:disabled):not([aria-disabled=true]),.bk-button.show-pressed{background:color-mix(in srgb,var(--button-fill,var(--color-surface)) 88%,#171717);transition-duration:80ms}
.bk-button:focus-visible,.bk-button.show-focus{outline:2px solid var(--color-text);outline-offset:3px}
.bk-button:disabled{background:var(--color-surface);color:var(--color-muted);cursor:not-allowed}
.bk-button[aria-disabled=true]{background:var(--color-surface);color:var(--color-text);cursor:progress}
.bk-button svg{height:1.125rem;width:1.125rem;fill:none;stroke:currentColor;stroke-width:1.75;flex-shrink:0}
@media(prefers-reduced-motion:reduce){.bk-button{transition:none}}
@media(forced-colors:active){.bk-button{border:1px solid ButtonText}.bk-button:disabled{color:GrayText}}



/* Generated library adapter; component values remain in the core. */
:is(.button-study .b,.component-lab .btn,.content-demo .btn,.ops-demo .btn,.integration-demo .btn,.behavior-lab .btn){display:inline-flex;align-items:center;justify-content:center;gap:.75rem;min-height:3rem;max-width:100%;padding:.75rem 1.25rem;border:0;border-radius:var(--ds-radius-button,.75rem);font-family:var(--font-body);font-size:1rem;font-weight:600;line-height:1.5;letter-spacing:0;text-align:center;text-decoration:none;color:var(--color-text);background:var(--button-fill,#ededeb);white-space:normal;cursor:pointer;transition:background-color 140ms ease}
:is(.button-study .b,.component-lab .btn,.content-demo .btn,.ops-demo .btn,.integration-demo .btn,.behavior-lab .btn):lang(ja){font-family:var(--font-ja);font-weight:400}
:is(.button-study .b,.component-lab .btn,.content-demo .btn,.ops-demo .btn,.integration-demo .btn,.behavior-lab .btn).primary{--button-fill:var(--color-accent);background:var(--button-fill)}
:is(.button-study .b,.component-lab .btn,.content-demo .btn,.ops-demo .btn,.integration-demo .btn,.behavior-lab .btn).secondary{--button-fill:#ededeb;background:var(--button-fill)}
:is(.button-study .b,.component-lab .btn,.content-demo .btn,.ops-demo .btn,.integration-demo .btn,.behavior-lab .btn).quiet{--button-fill:transparent;background:transparent}
:is(.button-study .b,.component-lab .btn,.content-demo .btn,.ops-demo .btn,.integration-demo .btn,.behavior-lab .btn):hover:not(:disabled):not([aria-disabled=true]),:is(.button-study .b,.component-lab .btn,.content-demo .btn,.ops-demo .btn,.integration-demo .btn,.behavior-lab .btn).show-hover{background:color-mix(in srgb,var(--button-fill,var(--color-surface)) 94%,#171717)}
:is(.button-study .b,.component-lab .btn,.content-demo .btn,.ops-demo .btn,.integration-demo .btn,.behavior-lab .btn):active:not(:disabled):not([aria-disabled=true]),:is(.button-study .b,.component-lab .btn,.content-demo .btn,.ops-demo .btn,.integration-demo .btn,.behavior-lab .btn).show-pressed{background:color-mix(in srgb,var(--button-fill,var(--color-surface)) 88%,#171717);transition-duration:80ms}
:is(.button-study .b,.component-lab .btn,.content-demo .btn,.ops-demo .btn,.integration-demo .btn,.behavior-lab .btn):focus-visible,:is(.button-study .b,.component-lab .btn,.content-demo .btn,.ops-demo .btn,.integration-demo .btn,.behavior-lab .btn).show-focus{outline:2px solid var(--color-text);outline-offset:3px}
:is(.button-study .b,.component-lab .btn,.content-demo .btn,.ops-demo .btn,.integration-demo .btn,.behavior-lab .btn):disabled{background:var(--color-surface);color:var(--color-muted);cursor:not-allowed}
:is(.button-study .b,.component-lab .btn,.content-demo .btn,.ops-demo .btn,.integration-demo .btn,.behavior-lab .btn)[aria-disabled=true]{background:var(--color-surface);color:var(--color-text);cursor:progress}
:is(.button-study .b,.component-lab .btn,.content-demo .btn,.ops-demo .btn,.integration-demo .btn,.behavior-lab .btn) svg{height:1.125rem;width:1.125rem;fill:none;stroke:currentColor;stroke-width:1.75;flex-shrink:0}
@media(prefers-reduced-motion:reduce){:is(.button-study .b,.component-lab .btn,.content-demo .btn,.ops-demo .btn,.integration-demo .btn,.behavior-lab .btn){transition:none}}
@media(forced-colors:active){:is(.button-study .b,.component-lab .btn,.content-demo .btn,.ops-demo .btn,.integration-demo .btn,.behavior-lab .btn){border:1px solid ButtonText}:is(.button-study .b,.component-lab .btn,.content-demo .btn,.ops-demo .btn,.integration-demo .btn,.behavior-lab .btn):disabled{color:GrayText}}