@layer global{.button{justify-content:center;align-items:center;gap:var(--space-2xs);padding:var(--space-xs) var(--space-md);border:calc(var(--border-width) * 1.5) solid transparent;border-radius:var(--radius);font-size:var(--size-sm);letter-spacing:.06em;font-weight:700;line-height:var(--leading-body);text-align:center;text-transform:uppercase;text-decoration:none;transition:background-color .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1);display:inline-flex}.button:hover{box-shadow:0 .625rem 1.5rem color-mix(in srgb, var(--color-primary) 32%, transparent)}@media (prefers-reduced-motion:no-preference){.button:hover{transform:translateY(-1px)}}.button--wide{inline-size:100%}.button__mark{display:inline-flex}.button--primary{background-color:var(--color-primary);color:var(--color-primary-ink)}.button--primary:hover{background-color:var(--color-primary-strong);color:var(--color-primary-ink)}.button--secondary{border-color:var(--color-primary);background-color:var(--color-white);color:var(--color-primary-readable)}.button--secondary:hover{background-color:var(--color-primary-tint);color:var(--color-primary-readable)}.button--neutral{border-color:var(--border-color);background-color:var(--color-gray-100);color:var(--color-gray-900);letter-spacing:normal;text-transform:none;font-weight:600}.button--neutral:hover{background-color:var(--color-gray-200);color:var(--color-gray-900)}.button--lime{background-color:var(--color-secondary);color:var(--color-secondary-ink)}.button--lime:hover{background-color:var(--color-secondary-strong);color:var(--color-secondary-ink)}.button--ghost{border-color:color-mix(in srgb, var(--color-white) 20%, transparent);background-color:color-mix(in srgb, var(--color-white) 12%, transparent);color:inherit;letter-spacing:normal;text-transform:none;font-weight:600}.button--ghost:hover{background-color:color-mix(in srgb, var(--color-white) 20%, transparent)}}