.button{width:fit-content;height:var(--surfaceSize);--iconSize:1.3em;--btnGap:.25em;--lightText:var(--text);--darkText:var(--background);border-radius:var(--radius-pill);font-size:var(--font-md);transition:background-position 3s ease,transform .3s ease,filter .3s ease,scale .3s var(--bounceEase),opacity .2s ease,font-variation-settings .3s var(--bounceEase);cursor:pointer;border:1px solid #0000;outline:none;justify-content:center;align-items:center;gap:.3em;padding:0 1em;font-family:inherit;font-weight:200;text-decoration:none;display:inline-flex;position:relative}.button.fontEng{font-family:var(--fontEng);font-variation-settings:"wght" 400,"wdth" 83;letter-spacing:.03em}.button.fontEng:hover{font-variation-settings:"wght" 400,"wdth" 89}.button .spinner{width:var(--iconSize);height:var(--iconSize);min-width:var(--iconSize);opacity:.9;border:.1em solid;border-bottom-color:#0000;border-radius:50%;animation:.8s linear infinite rotation;display:inline-flex}.button .btnIcon{height:var(--iconSize);width:var(--iconSize);justify-content:center;align-items:center;display:flex}.button .btnIcon .icon,.button .btnIcon svg{transition:all .3s ease,scale .3s var(--bounceEase);width:100%!important;height:100%!important}.button .btnLabel{justify-content:center;align-items:center;line-height:100%;display:inline-flex}.button .btnLabel .icon{bottom:-.05em}.button.iconOnly{aspect-ratio:1;width:var(--surfaceSize);padding:0}.button.iconOnly .icon,.button.iconOnly svg{width:100%!important;height:100%!important}.button.fullWidth{width:100%}.button.disabled,.button:disabled{cursor:not-allowed;pointer-events:none;opacity:.8!important;scale:.99!important}.button.outline,.button.dashed{background:var(--container);border-color:var(--border);color:var(--text)}.button.outline:hover,.button.dashed:hover{background:var(--container);border-color:var(--border-hover);opacity:.9;scale:.97}.button.outline:active,.button.dashed:active{opacity:1;background:var(--surface-hover);scale:1.01}.button.dashed{border-color:#0000!important}.button.dashed .dashedLayer{--scrollRotation:0deg;pointer-events:none;z-index:0;opacity:.7;width:100%;height:100%;position:absolute;inset:0}.button.dashed .btnIcon,.button.dashed .btnLabel,.button.dashed .spinner{z-index:1;position:relative}.button.dashed:hover{border-color:#0000}.button.dashed:hover .dashedLayer{opacity:.8}.button.dashed:active{border-color:#0000}.button.warning,.button.invert{background:var(--text);color:var(--background);text-transform:uppercase;font-weight:400}.button.warning:hover,.button.invert:hover{background:var(--text);opacity:.9;scale:.99}.button.warning:active,.button.invert:active{opacity:1;scale:1.01;background:var(--text)!important}.button.warning:disabled,.button.invert:disabled{opacity:.25!important}.button.warning path,.button.invert path{stroke-width:1.8px;transition:all .3s}.button.warning{--text:var(--warning)}.button.primary{background:linear-gradient(345deg,var(--primary)55%,var(--secondary)90%,#fffaef 110%);color:var(--background);gap:var(--spacing-xs);background-position:0 0;background-size:200% 200%;border:none;font-weight:300}.button.primary:hover{opacity:.9;filter:brightness(1.3);background-position:100%;scale:1.02}.button.primary:active{opacity:1;background:color-mix(in srgb,var(--primary)90%,black);filter:brightness(.95);scale:.98}.button.secondary{background:var(--surface);color:var(--text)}.button.secondary:hover{background:var(--surface-hover);scale:.99}.button.secondary:active{background:color-mix(in srgb,var(--surface)90%,black);scale:1.01}.button.default{background:var(--container);color:var(--text)}.button.default:hover{background:var(--surface);color:var(--text)}.button.default:active{background:var(--surface-hover)}.button.transparent{color:var(--primary);height:fit-content;padding:0;font-size:1.3em;font-weight:300;background:0 0!important;border-radius:0!important}.button.transparent .icon{position:relative;bottom:.1em}.button.transparent .icon path{opacity:.6;stroke-width:1.5px}.button.transparent:hover{background:color-mix(in srgb,var(--primary)8%,transparent);filter:brightness(1.5)}.button.transparent:hover .icon{opacity:1;scale:1.1}.button.transparent:disabled{opacity:.4;pointer-events:none}.button.copy{color:color-mix(in srgb,var(--text)60%,transparent);border-radius:var(--radius-pill);transition:all .3s var(--bounceEase);--surfaceSize:2em;padding:0}.button.copy:hover{background:var(--container);color:var(--text);scale:1.05}.button.copy:active{scale:.92}.button.copy .clickAnimWrapper{gap:0}.button.copy .clickAnimWrapper .iconIdle,.button.copy .clickAnimWrapper .iconCompleted{position:absolute}.button .iconSlot{justify-content:center;align-items:center;display:inline-flex;overflow:visible}.button .iconSlot .slotInner{min-width:var(--iconSize);justify-content:center;align-items:center;display:flex}.button .animatedTextWrapper{white-space:nowrap;justify-content:center;align-items:center;min-width:0;display:inline-flex;position:relative;overflow:hidden}.button .animatedTextWrapper .textMeasureLayer{visibility:hidden;pointer-events:none;white-space:nowrap;gap:var(--btnGap);height:0;display:inline-flex;position:absolute;top:0;left:0;overflow:hidden}.button .animatedTextWrapper .textMeasureLayer .word{line-height:1.35;display:inline-block}.button .animatedTextWrapper .textLayer{justify-content:center;align-items:center;gap:calc(var(--btnGap)*.7);white-space:nowrap;pointer-events:none;width:100%;height:100%;display:inline-flex;position:absolute;inset:0}.button .animatedTextWrapper .primaryLayer{pointer-events:auto;position:relative}.button .animatedTextWrapper .hoverLayer{pointer-events:none}.button .animatedTextWrapper .word{line-height:1.35;display:inline-block}.button .animatedIconWrapper{justify-content:center;align-items:center;display:grid}.button .animatedIconWrapper .primaryIcon,.button .animatedIconWrapper .hoverIcon{grid-area:1/1;justify-content:center;align-items:center;width:100%;height:100%;display:inline-flex}.button .animatedIconWrapper .primaryIcon .icon,.button .animatedIconWrapper .hoverIcon .icon{width:100%!important;height:100%!important}.button .contentWrapper{min-width:0;overflow:hidden}.button .contentWrapper .content{display:flex}.button.clickAnim{transform-origin:50%}.button.clickAnim .clickAnimWrapper{justify-content:center;align-items:center;gap:.4em;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.button.clickAnim .iconIdle,.button.clickAnim .iconHover,.button.clickAnim .iconLoading,.button.clickAnim .iconCompleted{justify-content:center;align-items:center;transition:transform .5s cubic-bezier(.5,1.5,.4,1),opacity .4s;display:flex;position:absolute}.button.clickAnim .clickLabel{white-space:nowrap;align-items:center;line-height:100%;transition:opacity .3s,transform .4s cubic-bezier(.5,1.5,.4,1);display:inline-flex;position:relative}.button.clickAnim .clickSpinner{opacity:.9;border:.1em solid;border-bottom-color:#0000;border-radius:50%;width:1em;height:1em;animation:.8s linear infinite rotation;display:inline-block}.button.clickAnim .iconIdle{opacity:1;transform:translate(0)}.button.clickAnim .iconHover{opacity:0;transform:translate(-150%)}.button.clickAnim .iconLoading,.button.clickAnim .iconCompleted{opacity:0;transform:scale(.3)}.button.clickAnim.idle:hover .iconIdle{opacity:0;transform:translate(150%)rotate(45deg)}.button.clickAnim.idle:hover .iconHover{opacity:1;transform:translate(0)}.button.clickAnim.idle:hover .clickLabel{opacity:.85}.button.clickAnim.loading{pointer-events:none}.button.clickAnim.loading .iconIdle{opacity:0;transition:transform .3s,opacity .2s;transform:translate(150%)}.button.clickAnim.loading .iconHover{opacity:0;transition:transform .2s,opacity .2s;transform:scale(0)}.button.clickAnim.loading .iconLoading{opacity:1;transition-delay:.1s;transform:scale(1)}.button.clickAnim.loading .iconCompleted{opacity:0;transform:scale(.3)}.button.clickAnim.loading .clickLabel{opacity:.5}.button.clickAnim.completed{pointer-events:none;animation:.5s cubic-bezier(.5,1.5,.4,1) forwards clickSquish}.button.clickAnim.completed .iconIdle{opacity:0;transform:translate(150%)}.button.clickAnim.completed .iconHover,.button.clickAnim.completed .iconLoading{opacity:0;transition:transform .2s,opacity .2s;transform:scale(0)}.button.clickAnim.completed .iconCompleted{opacity:1;transition-delay:.15s;transform:scale(1.1)}.button.clickAnim.completed .clickLabel{opacity:0;transform:translate(10px)}@media (max-width:480px){.button{padding:var(--spacing-sm)}}body[data-shop-theme] .button.primary,.shopThemeScope .button.primary{--secondary:color-mix(in srgb,var(--primary)75%,var(--readableOnSecondary));background:linear-gradient(170deg,var(--secondary)-20%,var(--primary)65%);color:var(--readableOnPrimary)}@keyframes clickSquish{0%{transform:scale(1)}40%{transform:scale(.8)}to{transform:scale(1)}}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.landingPage.primary{background:linear-gradient(345deg,var(--primary)75%,var(--secondary)90%,#fffaef 110%)}