.bb-shape{--bb-tail-w:24px;--bb-notch-d:8px;--bb-radius:4px;--bb-bw:1px;box-sizing:border-box;border-top-left-radius:var(--bb-radius);border-bottom-left-radius:var(--bb-radius);margin-right:var(--bb-tail-w);cursor:pointer;justify-content:center;align-items:center;transition:transform .2s,background-color .2s;display:inline-flex;position:relative}.bb-size-sm{--bb-tail-w:18px;--bb-notch-d:6px;height:2.25rem;padding:0 1.25rem;font-size:.75rem}.bb-size-md{--bb-tail-w:24px;--bb-notch-d:8px;height:2.75rem;padding:0 1.75rem;font-size:.85rem}.bb-size-lg{--bb-tail-w:28px;--bb-notch-d:10px;height:3.25rem;padding:0 2.25rem;font-size:.95rem}.bb-color-primary{--theme-main:#0b2b16;--theme-tail:#071c0e;--theme-border:#0b2b16;--theme-text:#fff;--theme-outline-bg:#fcfbfa;--theme-outline-stroke:#586346;--theme-outline-text:#414a33}.bb-color-neutral{--theme-main:#1f1f1f;--theme-tail:#141414;--theme-border:#1f1f1f;--theme-text:#fff;--theme-outline-bg:#fff;--theme-outline-stroke:#737373;--theme-outline-text:#404040}.bb-tail{width:var(--bb-tail-w);pointer-events:none;z-index:1;display:block;position:absolute;top:-1px;bottom:-1px;left:100%}.bb-filled{background-color:var(--theme-main);border:1px solid var(--theme-border);color:var(--theme-text);border-right:none}.bb-filled .bb-tail{background-color:var(--theme-tail);clip-path:polygon(0 0, 100% 0, calc(100% - var(--bb-notch-d)) 50%, 100% 100%, 20% 100%, 0 calc(100% - 6px), 0 0)}.bb-filled .bb-tail:before{content:"";clip-path:polygon(0 0, 100% 0, calc(100% - var(--bb-notch-d)) 50%, 100% 100%, 20% 100%, 0 calc(100% - 6px), 0 0);background:linear-gradient(90deg,#00000073 1px,#0000 1px);position:absolute;inset:0}.bb-filled:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.bb-outline{background-color:var(--theme-outline-bg);border:1px solid var(--theme-outline-stroke);color:var(--theme-outline-text);border-right:none}.bb-outline .bb-tail{background-color:var(--theme-outline-stroke);clip-path:polygon(0 0, 100% 0, calc(100% - var(--bb-notch-d)) 50%, 100% 100%, 20% 100%, 0 calc(100% - 6px), 0 0)}.bb-outline .bb-tail:before{content:"";top:var(--bb-bw);bottom:var(--bb-bw);right:var(--bb-bw);left:var(--bb-bw);background-color:var(--theme-outline-bg);clip-path:polygon(0 0, 100% 0, calc(100% - var(--bb-notch-d)) 50%, 100% 100%, 20% 100%, 0 calc(100% - 6px), 0 0);display:block;position:absolute}.bb-outline:hover:not(:disabled){--theme-outline-bg:color-mix(in srgb, var(--theme-outline-stroke) 5%, #fcfbfa);transform:translateY(-1px)}.bb-content{z-index:2;align-items:center;gap:.65rem;height:100%;display:inline-flex}.bb-label{letter-spacing:.08em;white-space:nowrap;font-weight:600}.bb-icon-slot{justify-content:center;align-items:center;display:inline-flex}.bb-icon{width:1.2em;height:1.2em}.bb-icon-spin{animation:1s linear infinite bb-spin}@keyframes bb-spin{to{transform:rotate(360deg)}}.bb-shape:active:not(:disabled){transform:translateY(1px)}