.reference-button{--reference-face:#03f;--reference-ink:#fff;--reference-base:#0026bf;--reference-depth:4px;--reference-border-width:0px;--reference-border-color:transparent;isolation:isolate;box-sizing:border-box;border:var(--reference-border-width) solid transparent;max-width:100%;height:44px;min-height:44px;color:var(--reference-ink);letter-spacing:normal;text-align:center;white-space:nowrap;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:12px;flex:none;justify-content:center;align-items:center;padding:0 20px;font-family:inherit;font-size:14px;font-weight:600;line-height:16px;text-decoration:none;display:inline-flex;position:relative;overflow:visible}.reference-button:visited{color:var(--reference-ink)}.reference-button:after{content:"";inset:calc(-1 * var(--reference-border-width)) calc(-1 * var(--reference-border-width)) calc(-1 * (var(--reference-border-width) + var(--reference-depth)));z-index:3;border-radius:inherit;position:absolute}.reference-button:active:not(:disabled):not([aria-disabled=true]) :is(.reference-button__face,.reference-button__content){transform:translateY(var(--reference-depth))}.reference-button:focus-visible{outline-offset:5px;outline:3px solid #5573ff}.reference-button:disabled,.reference-button[aria-disabled=true]{cursor:default;opacity:.6}.reference-button--dark{--reference-face:#212121;--reference-base:#6e6e6e}.reference-button--white{--reference-face:#fff;--reference-ink:#1a1a1a;--reference-base:#c7d3ff}.reference-button--outline{--reference-face:#fff;--reference-ink:#03f;--reference-base:#c7d3ff;--reference-border-width:1.5px;--reference-border-color:#03f6}.reference-button--full{width:100%}.reference-button__base,.reference-button__face{inset:calc(-1 * var(--reference-border-width));box-sizing:border-box;border-radius:inherit;pointer-events:none;position:absolute}.reference-button__base{z-index:0;background:var(--reference-base);transform:translateY(var(--reference-depth))}.reference-button__face{z-index:1;border:var(--reference-border-width) solid var(--reference-border-color);background:var(--reference-face)}.reference-button__content{z-index:2;pointer-events:none;justify-content:center;align-items:center;gap:10px;display:inline-flex;position:relative}.reference-button__face,.reference-button__content{transition:transform .1s cubic-bezier(.4,0,.2,1)}.reference-button__arrow{flex:none}.reference-button__pixels{z-index:-1;pointer-events:none;max-width:none;position:absolute}.reference-button--hero{border-radius:11px;height:50px;min-height:50px;padding-inline:20px;font-size:17px;line-height:1.3}.reference-button--pricing{height:44px;min-height:44px;padding-inline:14px;font-size:13px;font-weight:500;line-height:17px}.reference-button--pricing.reference-button--outline{font-weight:600;line-height:16px}.reference-button--compact{height:40px;min-height:40px;padding-inline:16px;font-size:13px}@media (min-width:680px){.reference-button--hero{border-radius:12px;height:60px;min-height:60px;padding-inline:28px;font-size:19px}}@media (prefers-reduced-motion:reduce){.reference-button__face,.reference-button__content{transition:none}.reference-button:active:not(:disabled):not([aria-disabled=true]) :is(.reference-button__face,.reference-button__content){transform:none}.reference-button__pixels{display:none}}