.candy-button{--candy-body: var(--candy-button-mint-body, #7ee3b1);--candy-highlight: var(--candy-button-mint-highlight, #bdeed4);--candy-inner-shadow: var(--candy-button-mint-shadow, #69d99f);--candy-label: var(--candy-button-label, #394662d1);--candy-hover-highlight: var(--candy-button-mint-hover-highlight, #cff4e0);--candy-hover-body: var(--candy-button-mint-hover-body, #a9e8c7);--candy-padding-x: 28px;--candy-padding-y: 12px;--candy-padding-icon: 24px;--candy-gap: 8px;--candy-icon-size: 28px;--candy-radius: 18px;--candy-border-width-base: 2px;--candy-border-width-current: var(--candy-border-width-base);--candy-border-color: var(--candy-body);--candy-fill-highlight: var(--candy-highlight);--candy-fill-body: var(--candy-body);--candy-inner-shadow-set: inset 0 -4px 4px 0 var(--candy-inner-shadow), inset 0 -36px 0 0 var(--candy-fill-body);--candy-drop-shadow: 0 4px 8px -2px var(--alpha-dark-3, #56699342);--candy-drop-shadow-hover: 0 2px 4px 0 var(--alpha-dark-3, #56699342);--candy-drop-shadow-current: var(--candy-drop-shadow);--candy-label-current: var(--candy-label);--candy-focus-border: var(--candy-button-focus, #394662d1);--candy-disabled-bg: var(--candy-button-disabled-bg, #859bbf23);--candy-disabled-border: var(--candy-button-disabled-border, #40527e6b);--candy-disabled-label: var(--candy-button-disabled-label, #40527e6b);display:inline-flex;align-items:center;justify-content:center;gap:var(--candy-gap);height:56px;box-sizing:border-box;padding:var(--candy-padding-y) var(--candy-padding-x);border-radius:var(--candy-radius);border:0;background:var(--bg-primary, #ffffff);color:var(--candy-label-current);font-family:var(--font-family-base);font-size:var(--font-size-h4);font-weight:var(--font-weight-bold);line-height:var(--line-height-h4);letter-spacing:var(--letter-spacing-h4-700);text-decoration:none;cursor:pointer;box-shadow:var(--candy-drop-shadow-current);overflow:hidden;position:relative}.candy-button--leading{padding-left:var(--candy-padding-icon)}.candy-button--trailing{padding-right:var(--candy-padding-icon)}.candy-button:hover{--candy-fill-highlight: var(--candy-hover-highlight);--candy-fill-body: var(--candy-hover-body);--candy-inner-shadow-set: inset 0 -36px 0 0 var(--candy-hover-body);--candy-drop-shadow-current: var(--candy-drop-shadow-hover)}.candy-button:before{content:"";position:absolute;inset:calc(var(--candy-border-width-base) * -1);border-radius:calc(var(--candy-radius) + var(--candy-border-width-base));background:var(--candy-fill-highlight);box-shadow:var(--candy-inner-shadow-set);transform:translateY(0);transition:transform .12s cubic-bezier(.2,.8,.2,1);z-index:0}.candy-button:after{content:"";position:absolute;inset:0;border-radius:var(--candy-radius);box-shadow:inset 0 0 0 var(--candy-border-width-current) var(--candy-border-color);pointer-events:none;z-index:1}.candy-button:active{transform:translateY(1px)}.candy-button:focus-visible{--candy-border-width-current: 3px;--candy-border-color: var(--candy-focus-border);--candy-fill-highlight: var(--candy-hover-highlight);--candy-fill-body: var(--candy-hover-body);--candy-inner-shadow-set: inset 0 -36px 0 0 var(--candy-hover-body);--candy-drop-shadow-current: none;outline:none}.candy-button[disabled],.candy-button[aria-disabled=true]{--candy-border-color: var(--candy-disabled-border);--candy-fill-highlight: var(--candy-disabled-bg);--candy-inner-shadow-set: none;--candy-drop-shadow-current: none;--candy-label-current: var(--candy-disabled-label);cursor:not-allowed;transform:none;pointer-events:none}.candy-button__icon{display:inline-flex;align-items:center;justify-content:center;width:var(--candy-icon-size);height:var(--candy-icon-size);line-height:0;flex:0 0 auto;position:relative;z-index:2}.candy-button__icon .fl-icon{font-size:var(--candy-icon-size)}.candy-button__icon svg{width:100%;height:100%}.candy-button__label{display:inline-flex;align-items:center;line-height:var(--line-height-h4);position:relative;z-index:2}.candy-button--mint{--candy-body: var(--candy-button-mint-body, #7ee3b1);--candy-highlight: var(--candy-button-mint-highlight, #bdeed4);--candy-inner-shadow: var(--candy-button-mint-shadow, #69d99f);--candy-hover-highlight: var(--candy-button-mint-hover-highlight, #cff4e0);--candy-hover-body: var(--candy-button-mint-hover-body, #a9e8c7)}.candy-button--orange{--candy-body: var(--candy-button-orange-body, #ffb07a);--candy-highlight: var(--candy-button-orange-highlight, #ffd4b3);--candy-inner-shadow: var(--candy-button-orange-shadow, #f49a5e);--candy-hover-highlight: var(--candy-button-orange-hover-highlight, #ffe6d2);--candy-hover-body: var(--candy-button-orange-hover-body, #ffc191)}.candy-button--blue{--candy-body: var(--candy-button-blue-body, #a9ccff);--candy-highlight: var(--candy-button-blue-highlight, #cadfff);--candy-inner-shadow: var(--candy-button-blue-shadow, #7ab3ff);--candy-hover-highlight: var(--candy-button-blue-hover-highlight, #e1ecff);--candy-hover-body: var(--candy-button-blue-hover-body, #b7d3ff)}.candy-button--lime{--candy-body: var(--candy-button-lime-body, #a7f06a);--candy-highlight: var(--candy-button-lime-highlight, #d7f3ae);--candy-inner-shadow: var(--candy-button-lime-shadow, #93de5a);--candy-hover-highlight: var(--candy-button-lime-hover-highlight, #e8f9d0);--candy-hover-body: var(--candy-button-lime-hover-body, #c1ef8e)}.candy-button--pink{--candy-body: var(--candy-button-pink-body, #f2a8cb);--candy-highlight: var(--candy-button-pink-highlight, #f8d2e6);--candy-inner-shadow: var(--candy-button-pink-shadow, #f39fcb);--candy-hover-highlight: var(--candy-button-pink-hover-highlight, #fbe5f0);--candy-hover-body: var(--candy-button-pink-hover-body, #f6c2d8)}.candy-button--crazy-pink{--candy-body: var(--candy-button-crazy-pink-body, #ff4dc1);--candy-highlight: var(--candy-button-crazy-pink-highlight, #ff8af7);--candy-inner-shadow: var(--candy-button-crazy-pink-shadow, #ff006a);--candy-label: var(--candy-button-inverted-label, #ffffff);--candy-hover-highlight: var(--candy-button-crazy-pink-hover-highlight, #ffb3fa);--candy-hover-body: var(--candy-button-crazy-pink-hover-body, #ff8af7)}