.btn {
  font-family: var(--g-font-base);
  background: var(--g-color-primary);
  color: var(--g-color-text-on-primary, #fff);
  padding: var(--g-space-2);
  border-radius: var(--g-radius-md);
  display: inline-flex;
  gap: 0.5rem;
  align-items: center;
  border: none;
  cursor: pointer;
}

.btn__icon { display: inline-block; }

.btn--ghost {
  background: transparent;
  border: 1px solid currentColor;
  color: var(--g-color-primary);
}