:root{--hero-btn-glow-rest: 0 0 48px 0 rgba(74, 146, 255, .3), 0 0 48px 0 rgba(147, 84, 255, .15);--hero-btn-glow-hover: 0 0 80px 16px rgba(74, 146, 255, .4), 0 0 80px 16px rgba(147, 84, 255, .2);--hero-btn-glow-active: 0 0 48px 0 rgba(74, 146, 255, .25), 0 0 48px 0 rgba(147, 84, 255, .12)}.hero-btn{position:relative;display:inline-flex;align-items:center;gap:var(--spacing-80);height:var(--size-480);padding:var(--spacing-120) var(--spacing-200);border-radius:var(--radius-circular);border:none;background:var(--button-floating-background-rest);backdrop-filter:var(--effect-floating-background-blur);-webkit-backdrop-filter:var(--effect-floating-background-blur);color:var(--fg-neutral-1-rest);font-family:var(--font-family-base);font-size:var(--font-size-subtitle-2);line-height:var(--line-height-subtitle-2);font-weight:var(--font-weight-subtitle-2);cursor:pointer;white-space:nowrap;user-select:none;text-decoration:none;box-shadow:var(--hero-btn-glow-rest),var(--effect-floating-background-shadow);transition:background .15s,box-shadow .2s}.hero-btn:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:var(--pill-stroke-1);-webkit-mask:linear-gradient(white 0 0) content-box,linear-gradient(white 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.hero-btn:hover{background:var(--button-floating-background-hover);box-shadow:var(--hero-btn-glow-hover),var(--effect-floating-background-shadow)}.hero-btn:active{background:var(--button-floating-background-pressed);box-shadow:var(--hero-btn-glow-active),var(--effect-floating-background-shadow)}.hero-btn:disabled{background:var(--button-floating-background-disabled);color:var(--fg-neutral-disabled-1-rest);box-shadow:none;cursor:default;pointer-events:none}.hero-btn:disabled:before{display:none}.hero-btn-icon{width:var(--size-240);height:var(--size-240);fill:currentColor;flex-shrink:0}.hero-btn-chevron{width:var(--size-120);height:var(--size-120);fill:none;stroke:currentColor;flex-shrink:0;margin-inline-start:var(--spacing-40);transition:transform .15s}.hero-btn[aria-expanded=true] .hero-btn-chevron{transform:rotate(180deg)}.hero-btn:focus-visible{outline:2px solid var(--stroke-focus-2);outline-offset:2px}@media (forced-colors: active){.hero-btn{border:1px solid ButtonBorder}.hero-btn:before{display:none}}
