.button{overflow-wrap:anywhere;text-align:center;justify-content:center;align-items:center;gap:var(--space-3);max-width:100%;min-height:var(--control-height);padding:var(--space-3) var(--space-5);border:var(--border-thin) solid transparent;border-radius:var(--radius-sm);font-family:var(--font-sans);font-weight:600;font-size:var(--type-body-size);transition:background var(--transition), transform var(--transition), box-shadow var(--transition), border-color var(--transition);line-height:1.25;display:inline-flex}.button--primary{color:var(--white);background:var(--navy-900)}.button--primary:hover{box-shadow:0 0 0 4px color-mix(in srgb, var(--blue-500) 18%, transparent)}.button--cta,.button--pill.button--primary,.button--accent{color:var(--navy-950);background-image:var(--grad-orange);background-color:var(--orange-500);border-radius:var(--radius-pill)}.button--cta:hover,.button--pill.button--primary:hover,.button--accent:hover{filter:brightness(1.03)}.button--secondary,.button--outline{color:var(--navy-950);background:var(--white);border-color:var(--line)}.button--outline:hover,.button--secondary:hover{background:var(--surface)}.button--ghost,.button--link{color:var(--blue-600);background:0 0;border-color:#0000;min-height:auto;padding-inline:0}.button--link{background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0 1px;transition:background-size .35s cubic-bezier(.22,1,.36,1)}.button--link:hover{box-shadow:none;background-size:100% 1px;transform:none}.button--pill{padding:12px 20px;border-radius:var(--radius-pill);white-space:nowrap;min-height:52px;padding-right:12px}.button--sm{min-height:36px;padding:8px 14px}.button--md{min-height:44px}.button__arrow{aspect-ratio:1;border-radius:var(--radius-pill);background:var(--white);width:36px;color:var(--navy-950);flex:0 0 36px;place-items:center;display:grid}.button--primary:not(.button--pill):not(.button--cta) .button__arrow{background:var(--white);color:var(--navy-900)}.button--secondary .button__arrow{border:1.5px solid var(--navy-950);color:var(--navy-950);background:0 0}.button__arrow svg{width:16px;height:16px}@media (hover:hover){.button:hover{transform:translateY(-1px)}.button--ghost:hover{box-shadow:none;text-decoration:underline;transform:none}}.button:active{transform:scale(.98)}