.button{cursor:pointer;--btn-bg:#fff;--btn-fg:#8000d4;--btn-border:rgba(#fff,.7);--focus-ring:rgba($purple-lighter,.25);background:var(--btn-bg);color:var(--btn-fg);border:.125rem solid #0000;border-radius:999rem;justify-content:center;align-items:center;gap:.625rem;padding:1rem 2rem;font-size:1rem;font-weight:700;text-decoration:none;transition:opacity .18s,background .18s,color .18s,border-color .18s;display:inline-flex}.button:not(.button--outline):not(.button--on-light):hover{opacity:1;background:var(--btn-bg);color:var(--btn-fg)}.button:active{opacity:.95}.button--sm{padding:.625rem 1rem;font-size:.875rem}.button--disabled,.button:disabled{cursor:not-allowed;opacity:.6}.button--outline{color:#fff;border-color:var(--btn-border);background:0 0}.button--outline:hover{background:#ffffff14}.button--outline:focus-visible{border-color:#fff9}.button--on-light{--grad-a:#8000d4;--grad-b:#2844c4;--btn-bg:linear-gradient(160deg,var(--grad-a),var(--grad-b));--btn-fg:#fff;--btn-border:rgba($blue-darker,.35);background:var(--btn-bg);color:var(--btn-fg);border-color:#0000}.button--on-light:hover{opacity:.98}.button--on-light.button--outline{background:0 0;background:linear-gradient(#fff,#fff)padding-box,linear-gradient(160deg,var(--grad-a),var(--grad-b))border-box;color:#0000;-webkit-background-clip:text;background-clip:text;border:.125rem solid #0000}.button--on-light.button--outline:hover{background:linear-gradient(#00000005,#00000005)padding-box,linear-gradient(160deg,var(--grad-a),var(--grad-b))border-box}.button__arrow{justify-content:center;align-items:center;width:1.125rem;height:1.125rem;display:inline-flex}.button__arrow svg{width:1.125rem;height:1.125rem;display:block}.button--link:hover .button__arrow{transition:transform .18s;transform:translate(.125rem)}