.dui-button { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; min-height: var(--dui-control-height); padding: .6rem 1.1rem; border: 1px solid transparent; border-radius: var(--dui-radius-small); background: var(--dui-accent); color: var(--dui-on-accent); font-weight: 650; font-size: .9rem; text-decoration: none; line-height: 1.4; text-align: center; }
.dui-button:hover { background: var(--dui-accent-hover); }
.dui-button[data-variant="secondary"] { background: var(--dui-surface); color: var(--dui-ink); border-color: var(--dui-input-line); }
.dui-button[data-variant="quiet"] { background: transparent; color: var(--dui-accent); }
.dui-button[data-variant="secondary"]:hover, .dui-button[data-variant="quiet"]:hover { background: var(--dui-surface-alt); }
.dui-button:disabled { opacity: .45; cursor: not-allowed; }