dj-button{border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--text);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;box-sizing:border-box;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-family:inherit;font-size:14px;font-weight:700;line-height:1;text-decoration:none;transition:transform .15s,background .15s,border-color .15s,color .15s;display:inline-flex}dj-button:hover{transform:translateY(-1px)}dj-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}dj-button[variant=primary]{background:var(--accent);border-color:var(--accent);color:#fff}dj-button[variant=primary]:hover{background:var(--accent-strong);border-color:var(--accent-strong)}dj-button[variant=ghost]{border-color:var(--line);background:0 0}dj-button[variant=ghost]:hover{background:var(--surface-soft)}dj-button[variant=danger]{background:var(--danger);border-color:var(--danger);color:#fff}dj-button[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none;transform:none}dj-button[loading]{cursor:progress;pointer-events:none;opacity:.85;transform:none}dj-button[loading]:before{content:"";border:2px solid;border-top-color:#0000;border-radius:50%;flex:none;width:14px;height:14px;animation:.8s linear infinite dj-button-spin;display:inline-block}@keyframes dj-button-spin{to{transform:rotate(360deg)}}dj-button[full-width]{width:100%;display:flex}