.bloom-button{--button-bg-color:var(--osb-colors-primitive-grey-800);--overlay-strength:.5;isolation:isolate;padding:var(--osb-padding-md) var(--osb-padding-2xl);color:var(--osb-colors-token-text-inverse-primary);justify-content:center;align-items:center;gap:var(--osb-padding-xs,.25rem);border-radius:var(--osb-radius-xxl);cursor:pointer;background:0 0;border:none;font-weight:500;display:flex;position:relative;overflow:hidden}.bloom-button.bloom-button--xs{padding:var(--osb-padding-xs) var(--osb-padding-lg);font-size:var(--osb-font-size-sm)}.bloom-button.bloom-button--sm{padding:var(--osb-padding-sm) var(--osb-padding-xl);font-size:var(--osb-font-size-sm)}.bloom-button.bloom-button--lg{padding:var(--osb-padding-lg) var(--osb-padding-3xl);font-size:var(--osb-font-size-md)}.bloom-button.bloom-button--secondary{--button-bg-color:var(--osb-colors-primitive-grey-200);color:var(--osb-colors-token-text-primary);--overlay-strength:.1}.bloom-button.bloom-button--tertiary{--button-bg-color:transparent;color:var(--osb-colors-token-text-primary);--overlay-strength:.1}.bloom-button.bloom-button--outline{--button-bg-color:transparent;border:1px solid var(--osb-colors-token-outline-primary);color:var(--osb-colors-token-text-primary);--overlay-strength:.1}.bloom-button.bloom-button--brand{--button-bg-color:var(--osb-colors-token-brand-primary);--overlay-strength:.1}.bloom-button.bloom-button--brand:hover:before{background-color:var(--osb-colors-token-brand-dark)}.bloom-button.bloom-button--destructive{--button-bg-color:var(--osb-colors-token-error-primary);--overlay-strength:.1}.bloom-button:disabled{--button-bg-color:var(--osb-colors-token-surface-5th);--overlay-strength:0;cursor:default}.bloom-button:after{content:"";background-color:var(--button-bg-color);border-radius:var(--osb-radius-xxl);z-index:-2;width:100%;height:100%;position:absolute;bottom:0;left:0}.bloom-button:before{content:"";background-color:hsl(0 0% 0%/var(--overlay-strength));border-radius:var(--osb-radius-xxl);z-index:-1;width:0%;height:100%;transition:all .2s ease-in-out;position:absolute;bottom:0;left:0}.bloom-button:hover:before{width:100%}.bloom-button:focus-visible{outline:2px solid var(--osb-colors-token-info-primary);outline-offset:2px}.bloom-button__icon-left,.bloom-button__icon-right{justify-content:center;align-items:center;display:inline-flex}