.kdl-hub-button{--kdl-hub-button-radius:var(--kdl-hub-radius-control);display:inline-flex;min-width:0;align-items:center;justify-content:center;border:1px solid transparent;border-radius:var(--kdl-hub-button-radius);font-family:var(--kdl-hub-font-sans);font-size:var(--kdl-hub-font-size-body);font-weight:var(--kdl-hub-font-weight-semibold);line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color var(--kdl-hub-transition-fast),border-color var(--kdl-hub-transition-fast),color var(--kdl-hub-transition-fast),opacity var(--kdl-hub-transition-fast)}.kdl-hub-button[data-size=sm]{height:var(--kdl-hub-control-height-sm);padding:0 12px}.kdl-hub-button[data-size=md]{height:var(--kdl-hub-control-height-md);padding:0 16px}.kdl-hub-button[data-size=lg]{height:var(--kdl-hub-control-height-lg);padding:0 20px}.kdl-hub-button[data-variant=primary]{background:rgb(var(--kdl-hub-color-action-primary));color:white}.kdl-hub-button[data-variant=primary]:hover{background:rgb(var(--kdl-hub-color-action-primary-hover))}.kdl-hub-button[data-variant=secondary]{border-color:rgb(var(--kdl-hub-color-border-control));background:rgb(var(--kdl-hub-color-surface-default));color:rgb(var(--kdl-hub-color-text-primary))}.kdl-hub-button[data-variant=secondary]:hover{background:rgb(var(--kdl-hub-color-surface-canvas))}.kdl-hub-button[data-variant=ghost]{background:transparent;color:rgb(var(--kdl-hub-color-text-secondary))}.kdl-hub-button[data-variant=ghost]:hover{background:rgb(var(--kdl-hub-color-surface-canvas));color:rgb(var(--kdl-hub-color-text-primary))}.kdl-hub-button[data-variant=danger]{background:rgb(var(--kdl-hub-color-action-danger));color:white}.kdl-hub-button[data-state=disabled],.kdl-hub-button[data-state=pending]{opacity:var(--kdl-hub-disabled-opacity);cursor:not-allowed}.kdl-hub-button.focus-visible,.kdl-hub-button:focus-visible{outline:var(--kdl-hub-focus-ring-width) solid rgb(var(--kdl-hub-color-action-primary));outline-offset:2px}.kdl-hub-button-spinner{width:12px;height:12px;margin-right:8px;border:2px solid;border-right:2px solid transparent;border-radius:50%;animation:kdl-hub-button-spin .7s linear infinite}.kdl-hub-icon-button{width:var(--kdl-hub-control-height-md);padding:0}.kdl-hub-icon-button[data-size=sm]{width:var(--kdl-hub-control-height-sm);padding:0}.kdl-hub-icon-button[data-size=lg]{width:var(--kdl-hub-control-height-lg);padding:0}@keyframes kdl-hub-button-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.kdl-hub-button-spinner{animation:none}}