.pk-btn{border-radius:var(--radius-control);min-height:2.75rem;font-family:var(--font-body);font-size:1rem;line-height:1.2;font-weight:var(--weight-heading);text-align:center;white-space:nowrap;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;display:inline-flex}.pk-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.pk-btn--primary{background:var(--action-primary-bg);border-color:var(--action-primary-bg);color:var(--action-primary-fg);box-shadow:inset 0 1px 0 0 color-mix(in srgb, var(--text-inverse) 28%, transparent), 0 1px 2px 0 color-mix(in srgb, var(--surface-inverse) 18%, transparent), 0 8px 24px -10px color-mix(in srgb, var(--surface-brand) 70%, transparent)}.pk-btn--primary:hover{background:var(--action-primary-bg-hover);border-color:var(--action-primary-bg-hover)}.pk-btn--secondary{background:var(--surface-page);border-color:var(--border-brand);color:var(--text-brand)}.pk-btn--secondary:hover{background:var(--surface-brand-subtle)}.pk-btn--tertiary{background:var(--text-inverse);border-color:var(--text-inverse);color:var(--surface-inverse)}.pk-btn--tertiary:hover{background:var(--surface-brand-subtle);border-color:var(--surface-brand-subtle)}.pk-btn--ghost{border-color:color-mix(in srgb, var(--surface-warm) 40%, transparent);box-shadow:inset 0 0 0 .5px color-mix(in srgb, var(--surface-warm) 40%, transparent);color:var(--surface-warm);background:0 0}.pk-btn--ghost:hover{background:color-mix(in srgb, var(--surface-warm) 8%, transparent);border-color:color-mix(in srgb, var(--surface-warm) 70%, transparent)}.pk-btn>svg{flex:none;width:1.125em;height:1.125em}@media (prefers-reduced-motion:no-preference){.pk-btn{transition:background-color var(--dur-micro,.12s) ease, border-color var(--dur-micro,.12s) ease, box-shadow var(--dur-ui,.25s) ease, transform var(--dur-micro,.12s) ease}.pk-btn:hover{transform:translateY(-1px)}.pk-btn:active{transform:scale(.98)}.pk-btn>svg:last-child{transition:transform var(--dur-ui,.25s) var(--ease-spring,ease)}.pk-btn:hover>svg:last-child{transform:translate(3px)}}@media (max-width:479.98px){.pk-btn{white-space:normal}}
