@property --bb-button-glow{syntax: "<number>"; inherits: false; initial-value: 0;}@property --button-glow-x{syntax: "<length-percentage>"; inherits: false; initial-value: 50%;}.bb-button{--shadow-glow: 0 8px 30px -4px rgb(var(--color-amber-shadow) / .2);--shadow-glow-hover: 0 12px 30px -4px rgb(var(--color-amber-shadow) / .35);--button-glow-boost: .2;--button-glow-size: 60% 70%;--button-light-size: 72px;--button-light-color: rgb(var(--color-amber-glow) / .95);--border-width-button: 2px;--button-glow-rest: .4;--button-bg: transparent;--button-border: transparent;--bb-button-glow: var(--button-glow-rest);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--button-gap, 10px);min-height:44px;padding:var(--button-padding, 12px 20px);border:var(--border-width-button) solid var(--button-border);border-radius:var(--radius-pill);background:radial-gradient(ellipse var(--button-glow-size) at var(--button-glow-x) 100%,rgb(var(--color-amber-glow) / var(--bb-button-glow)),rgb(var(--color-amber-glow) / calc(var(--bb-button-glow) * .55)) 30%,rgb(var(--color-amber-glow) / calc(var(--bb-button-glow) * .2)) 60%,rgb(var(--color-amber-glow) / 0)),var(--button-bg);font-family:var(--font-family-body);font-size:var(--button-font-size, var(--font-size-13));font-weight:600;line-height:1;letter-spacing:var(--button-letter-spacing, var(--letter-spacing-button));text-transform:uppercase;text-decoration:none;white-space:nowrap;cursor:pointer;box-shadow:var(--shadow-glow);transition:transform var(--motion-duration-fast) var(--motion-ease-out),box-shadow var(--motion-duration-fast) var(--motion-ease-out),background-color var(--motion-duration-fast) var(--motion-ease-out),--bb-button-glow var(--motion-duration-fast) var(--motion-ease-out),--button-glow-x var(--motion-duration-base) var(--motion-ease-out)}.bb-button:before{content:"";position:absolute;inset:calc(var(--border-width-button) * -1);padding:var(--border-width-button);border-radius:inherit;background:radial-gradient(var(--button-light-size) circle at var(--pointer-x, 50%) var(--pointer-y, 100%),var(--button-light-color),transparent);background-origin:border-box;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;pointer-events:none;transition:opacity var(--motion-duration-fast) var(--motion-ease-out)}.bb-button--primary{--button-bg: var(--color-action-primary-bg);color:var(--color-text-inverse)}.bb-button--subtle{--button-bg: var(--color-surface-hover);--button-glow-rest: 0;--button-glow-boost: 0;--shadow-glow: none;--shadow-glow-hover: none;--button-light-color: transparent;color:var(--color-text-primary)}.bb-button--subtle:is(:hover,:focus-visible):not(:disabled){--button-bg: color-mix(in srgb, var(--color-surface-hover), var(--color-text-primary) 12%)}.bb-button--secondary{--button-glow-rest: 0;--button-glow-boost: 0;--button-border: var(--color-action-secondary-border);color:var(--color-action-secondary-text)}.bb-button:is(:hover,:focus-visible):not(:disabled){--bb-button-glow: calc(var(--button-glow-rest) + var(--button-glow-boost));--button-glow-x: var(--pointer-x, 50%);transform:translateY(-1px);box-shadow:var(--shadow-glow-hover)}.bb-button:is(:hover,:focus-visible):not(:disabled):before{opacity:1}.bb-button:disabled{cursor:not-allowed;opacity:.5}.bb-button__arrow{transition:translate var(--motion-duration-fast) var(--motion-ease-out)}@media(hover:hover)and (prefers-reduced-motion:no-preference){.bb-button:hover .bb-button__arrow{translate:var(--distance-nudge) 0}}
/*# sourceMappingURL=/cdn/shop/t/117/assets/component-bb-button.css.map */