:root{--cro-btn-font-family:inherit;--cro-btn-font-size:1rem;--cro-btn-font-weight:700;--cro-btn-radius:10px;--cro-btn-padding:12px 28px;--cro-btn-min-height:50px;--cro-btn-border-width:1.5px;--cro-btn-primary-bg:#24f0c5;--cro-btn-primary-text:#120a1f;--cro-btn-primary-border:transparent;--cro-btn-primary-shadow:#7b3fe4;--cro-btn-primary-shadow-y:5px;--cro-btn-primary-shadow-blur:0px;--cro-btn-secondary-bg:transparent;--cro-btn-secondary-text:#fff;--cro-btn-secondary-border:#2be4b4;--cro-btn-secondary-hover-bg:hsla(0,0%,100%,.06);--cro-btn-secondary-shadow:transparent;--cro-btn-secondary-shadow-y:0px;--cro-btn-secondary-shadow-blur:0px;--cro-btn-ghost-bg:transparent;--cro-btn-ghost-text:#2be4b4;--cro-btn-ghost-border:transparent;--cro-btn-ghost-shadow:transparent;--cro-btn-ghost-shadow-y:0px;--cro-btn-ghost-shadow-blur:0px;--cro-btn-pill-bg:#855ac1;--cro-btn-pill-hover-bg:#733ca4;--cro-btn-pill-text:#fff;--cro-btn-pill-radius:24px;--cro-btn-pill-padding:12px 32px;--cro-btn-pill-font-size:15px;--cro-btn-pill-font-weight:600}.cro-btn{align-items:center;background:var(--_bg,transparent);border:var(--cro-btn-border-width) solid var(--_border,transparent);border-radius:var(--cro-btn-radius);box-shadow:0 var(--_sy,0) var(--_sb,0) var(--_sc,transparent);box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(--cro-btn-font-family);font-size:var(--cro-btn-font-size);font-weight:var(--cro-btn-font-weight);gap:.5em;justify-content:center;line-height:1.2;max-width:100%;min-height:var(--cro-btn-min-height);padding:var(--cro-btn-padding);text-align:center;transition:transform .15s ease,box-shadow .15s ease,background-color .2s ease,filter .15s ease}.cro-btn,.cro-btn:focus,.cro-btn:hover{color:var(--_text,inherit);text-decoration:none}.cro-btn:focus-visible{outline:2px solid var(--cro-btn-secondary-border);outline-offset:3px}.cro-btn:active{transform:translateY(1px)}.cro-btn--primary{--_bg:var(--btn-bg,var(--cro-btn-primary-bg));--_text:var(--btn-text,var(--cro-btn-primary-text));--_border:var(--btn-border,var(--cro-btn-primary-border));--_sc:var(--btn-shadow,var(--cro-btn-primary-shadow));--_sy:var(--cro-btn-primary-shadow-y);--_sb:var(--cro-btn-primary-shadow-blur)}.cro-btn--primary:hover{box-shadow:0 max(0px,calc(var(--_sy, 0px) - 2px)) var(--_sb,0) var(--_sc,transparent);filter:brightness(1.05);transform:translateY(2px)}.cro-btn--secondary{--_bg:var(--btn-bg,var(--cro-btn-secondary-bg));--_text:var(--btn-text,var(--cro-btn-secondary-text));--_border:var(--btn-border,var(--cro-btn-secondary-border));--_sc:var(--btn-shadow,var(--cro-btn-secondary-shadow));--_sy:var(--cro-btn-secondary-shadow-y);--_sb:var(--cro-btn-secondary-shadow-blur)}.cro-btn--secondary:hover{background:var(--btn-bg,var(--cro-btn-secondary-hover-bg))}.cro-btn--ghost{--_bg:var(--btn-bg,var(--cro-btn-ghost-bg));--_text:var(--btn-text,var(--cro-btn-ghost-text));--_border:var(--btn-border,var(--cro-btn-ghost-border));--_sc:var(--btn-shadow,var(--cro-btn-ghost-shadow));--_sy:var(--cro-btn-ghost-shadow-y);--_sb:var(--cro-btn-ghost-shadow-blur);padding-left:8px;padding-right:8px}.cro-btn--ghost:hover{text-decoration:underline;text-underline-offset:4px}.cro-btn--pill{--_bg:var(--btn-bg,var(--cro-btn-pill-bg));--_text:var(--btn-text,var(--cro-btn-pill-text));--_border:var(--btn-border,transparent);border-radius:var(--cro-btn-pill-radius);border-width:0;font-size:var(--cro-btn-pill-font-size);font-weight:var(--cro-btn-pill-font-weight);min-height:0;padding:var(--cro-btn-pill-padding)}.cro-btn--pill:hover{--_bg:var(--btn-bg,var(--cro-btn-pill-hover-bg))}.cro-shadow--solid .cro-btn:hover{box-shadow:0 max(0px,calc(var(--_sy, 0px) - 2px)) var(--_sb,0) var(--_sc,transparent);transform:translateY(2px)}.cro-shadow--soft .cro-btn:hover{box-shadow:0 calc(var(--_sy, 0px) + 2px) calc(var(--_sb, 0px) + 6px) var(--_sc,transparent);transform:translateY(-2px)}.cro-shadow--none .cro-btn,.cro-shadow--none .cro-btn:hover{box-shadow:none}.cro-shadow--none .cro-btn:hover{transform:none}.cro-btn__icon{display:inline-flex;flex:0 0 auto;height:1em;transition:transform .15s ease;width:1em}.cro-btn__icon svg{height:100%;width:100%}.cro-btn:hover .cro-btn__icon--arrow,.cro-btn:hover .cro-btn__icon--chevron{transform:translateX(3px)}