.tpk-button { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; padding: 12px 18px; border: 1px solid transparent; border-radius: var(--tpk-radius-control); font-weight: 680; line-height: 1; white-space: nowrap; text-decoration: none; cursor: pointer; }
.tpk-button--primary { background: var(--tpk-color-action); color: #ffffff; }
.tpk-button--primary:hover { background: var(--tpk-color-action-hover); }
.tpk-button--secondary { border-color: var(--tpk-color-border); background: transparent; color: var(--tpk-color-text); }
.tpk-button--text { min-height: auto; padding: 4px 0; border-radius: 0; color: var(--tpk-color-action); }
.tpk-button:active { transform: translateY(1px); }