.button.svelte-111hmvm.svelte-111hmvm{--_background:var(--button-background, rgb(0 0 0 / .3));--_color:var(--button-color, rgb(var(--color-white)));--_padding-inline:var(--button-padding-block, 32px);--_padding-block:var(--button-padding-inline, 12px);--_gap:var(--button-gap, calc(var(--_padding-block) * 1.25));--_w:var(--button-width, fit-content);--border-size:2px;--border-radius:24px;--deg:0deg;--hover-duration:.5s;--icon-color:var(--_color);--conic-gradient:conic-gradient( from var(--deg, 90deg), hsl(60deg 80% 80%), hsl(120deg 80% 80%), hsl(210deg 80% 80%), hsl(280deg 80% 80%), hsl(320deg 80% 80%), hsl(360deg 80% 80%), hsl(60deg 80% 80%) );position:relative;width:var(--_w);height:auto;contain:style}.button.svelte-111hmvm .content.svelte-111hmvm{position:relative;display:flex;align-items:center;justify-content:center;gap:var(--_gap);padding-inline:var(--_padding-inline);padding-block:var(--_padding-block);color:var(--_color);contain:content;content-visibility:auto;height:auto;will-change:opacity;transition-property:opacity;transition-duration:.2s}.button.svelte-111hmvm .content .label.svelte-111hmvm{white-space:nowrap;text-edge:cap alphabetic;text-align:center;z-index:2;will-change:color,opacity;transition-property:color,opacity;transition-duration:var(--hover-duration)}.button.svelte-111hmvm .content.svelte-111hmvm:before,.button.svelte-111hmvm .content.svelte-111hmvm:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--border-radius);pointer-events:none}.button.svelte-111hmvm .content.svelte-111hmvm:before{border:var(--border-size) solid transparent;background-image:linear-gradient(to right,rgb(var(--color-beo-white)),rgb(var(--color-beo-white))),var(--conic-gradient);background-origin:border-box;background-clip:padding-box,border-box;opacity:0;will-change:opacity;transition-property:opacity;transition-duration:var(--hover-duration)}.button.svelte-111hmvm .bg.svelte-111hmvm{position:absolute;top:0;right:0;bottom:0;left:0;color:var(--_color);border-radius:var(--border-radius);overflow:hidden;contain:content;will-change:opacity,scale;transition-property:opacity,scale;transition-duration:var(--hover-duration),var(--hover-duration);transition-timing-function:var(--ease-out-cubic),var(--ease-out-quint)}.button.svelte-111hmvm .glow.svelte-111hmvm{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--border-radius);background-image:var(--conic-gradient);filter:blur(5px) blur(6px) saturate(60%);opacity:0;scale:.8;will-change:opacity,scale;transition-property:opacity,scale;transition-duration:var(--hover-duration),var(--hover-duration);transition-timing-function:var(--ease-out-cubic),var(--ease-out-quint)}@media (hover: hover){.button.svelte-111hmvm:hover .content.svelte-111hmvm,.button.hover.svelte-111hmvm .content.svelte-111hmvm{color:rgb(var(--color-beo-black))}.button.svelte-111hmvm:hover .content.svelte-111hmvm:before,.button.hover.svelte-111hmvm .content.svelte-111hmvm:before{opacity:1}.button.svelte-111hmvm:hover .glow.svelte-111hmvm,.button.hover.svelte-111hmvm .glow.svelte-111hmvm{opacity:.85;scale:1}.button.svelte-111hmvm:hover .bg.svelte-111hmvm,.button.hover.svelte-111hmvm .bg.svelte-111hmvm{opacity:0}}.button--primary.svelte-111hmvm .bg.svelte-111hmvm{opacity:1;background-color:var(--_background);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.button--secondary.svelte-111hmvm .content.svelte-111hmvm:after{border:var(--border-size) solid rgb(var(--color-white)/.3);will-change:opacity;transition-property:opacity;transition-duration:var(--hover-duration)}@media (hover: hover){.button--secondary.svelte-111hmvm:hover .content.svelte-111hmvm:after,.button--secondary.hover.svelte-111hmvm .content.svelte-111hmvm:after{opacity:0}}.button--icon.svelte-111hmvm .content .icon.svelte-111hmvm{aspect-ratio:1;width:24px;height:24px;margin:-10px 0}.button--icon.svelte-111hmvm .content--icon-left.svelte-111hmvm{padding-inline-start:var(--_padding-block)}.button--icon.svelte-111hmvm .content--icon-right.svelte-111hmvm{padding-inline-end:var(--_padding-block);flex-direction:row-reverse}.button[disabled].svelte-111hmvm.svelte-111hmvm{pointer-events:none}.button[disabled].svelte-111hmvm .content.svelte-111hmvm{opacity:.5}.button[disabled].svelte-111hmvm .content .label.svelte-111hmvm{opacity:.25}