<button class="vox-btn">Default</button>
<button class="vox-btn vox-btn-primary">Primary</button>
<button class="vox-icon-btn">⚙︎</button>

.vox-btn {
  font-family: var(--font-mono);
  font-size: 0.82rem;
  min-height: var(--touch-target);
  padding: 0 16px;
  background: transparent;
  border: 1px solid var(--line);
  color: var(--text);
  border-radius: var(--radius);
  cursor: pointer;
  transition: all 0.1s var(--ease);
}

class VoxButtonContainer {
  private element: HTMLButtonElement;

  constructor(selector: string) {
    this.element = document.querySelector(selector) as HTMLButtonElement;
  }

  public registerClick(handler: (event: MouseEvent) => void): void {
    this.element.addEventListener('click', handler);
  }
}