.b9-btn{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;min-block-size:3rem;padding-inline:1.5rem;border-radius:999px;border:1px solid transparent;font-family:var(--b9-font-sans,inherit);font-size:.975rem;font-weight:600;line-height:1.2;letter-spacing:-.005em;text-decoration:none;white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:background-color .25s ease,border-color .25s ease,color .25s ease,box-shadow .3s ease}.b9-btn:focus-visible{outline:2px solid var(--b9-focus,#1f7f7b);outline-offset:3px}.b9-btn--sm{min-block-size:2.75rem;padding-inline:1.125rem;font-size:.9rem}.b9-btn--primary{background:var(--b9-action-primary-bg,#1f1b16);color:var(--b9-action-primary-fg,#fff6de);padding-inline-end:.4375rem;box-shadow:var(--b9-shadow-soft,0 10px 30px -14px rgb(31 27 22/.45))}.b9-btn--primary.b9-btn--sm{padding-inline-end:.375rem}.b9-btn__icon{display:grid;place-items:center;inline-size:2.25rem;block-size:2.25rem;border-radius:999px;background:var(--b9-action-primary-icon-bg,#f48f68);color:var(--b9-action-primary-icon-fg,#1f1b16);transition:transform .35s cubic-bezier(.22,1,.36,1)}.b9-btn--sm .b9-btn__icon{inline-size:2rem;block-size:2rem}.b9-btn:dir(rtl) .b9-btn__arrow{transform:scaleX(-1)}.b9-btn--secondary{background:transparent;color:var(--b9-action-secondary-fg,#1f1b16);border-color:var(--b9-action-secondary-border,rgb(31 27 22/.28))}.b9-btn--ghost{min-block-size:2.75rem;padding-inline:.25rem;border-radius:.375rem;color:var(--b9-action-ghost-fg,#1f1b16);background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-position:0 calc(100% - .6rem);background-size:0 1px;transition:background-size .35s cubic-bezier(.22,1,.36,1)}.b9-btn--ghost:dir(rtl){background-position:100% calc(100% - .6rem)}@media (hover:hover){.b9-btn--primary:hover{background:var(--b9-action-primary-bg-hover,#332c24)}.b9-btn--primary:hover .b9-btn__icon{transform:translateX(3px)}.b9-btn--primary:dir(rtl):hover .b9-btn__icon{transform:translateX(-3px)}.b9-btn--secondary:hover{background:var(--b9-action-secondary-bg-hover,rgb(255 255 255/.55));border-color:var(--b9-action-secondary-border-hover,#1f1b16)}.b9-btn--ghost:hover{background-size:100% 1px}}@media (prefers-reduced-motion:reduce){.b9-btn,.b9-btn__icon{transition:none}}