.tp-xxl{font-size:2.5rem}@media (max-width:700px){.tp-xxl{font-size:2rem}}.tp-xl{font-size:2rem}.tp-l{font-size:1.5rem}.tp-m{font-size:1rem}.tp-s{font-size:.8rem}.tp-xs{font-size:.7rem}.tp-xxs{font-size:.6rem}.tp-thin{font-weight:100}.tp-extra-light{font-weight:200}.tp-light{font-weight:300}.tp-normal{font-weight:400}.tp-medium{font-weight:500}.tp-semi-bold{font-weight:600}.tp-bold{font-weight:700}.tp-extra-bold{font-weight:800}.tp-black{font-weight:900}.tp-upper{text-transform:uppercase}.tp-ls{letter-spacing:.2rem}.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)}