.ts-btn, .ts-action .ts-action-con, .ts-action > .ts-action-wrap > .ts-action-con {
  border-radius: var(--vg-radius-control) !important;
  font-family: var(--vg-font-body) !important;
  font-weight: 500 !important;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease !important;
}

/* .ts-btn-1 — вторичная/контурная кнопка */
.ts-btn-1 {
  background: var(--vg-bg) !important;
  color: var(--vg-ink) !important;
  border: var(--vg-border-width) solid var(--vg-ink) !important;
  --ts-icon-color: var(--vg-ink);
}
.ts-btn-1:hover {
  background: var(--vg-ink) !important;
  color: var(--vg-bg) !important;
}

/* .ts-btn-2 — основная/первичная кнопка */
.ts-btn-2 {
  background: var(--vg-primary) !important;
  color: #FFFFFF !important;
  border: none !important;
  --ts-icon-color: #FFFFFF;
}
.ts-btn-2:hover {
  background: var(--vg-primary-hover) !important;
}

/* .ts-btn-3/.ts-btn-4 — прозрачные с тёмным текстом */
.ts-btn-3, .ts-btn-4 {
  background: transparent !important;
  color: var(--vg-ink) !important;
  border-color: var(--vg-ink) !important;
  --ts-icon-color: var(--vg-ink);
}

/* .ts-btn-5 — прозрачные с акцентным текстом */
.ts-btn-5 {
  background: transparent !important;
  color: var(--vg-primary) !important;
  --ts-icon-color: var(--vg-primary);
}

/* .ts-action-icon — иконки внутри кнопок/действий, аналогично хедеру */
.ts-comp-icon, .ts-action-icon {
  border-radius: var(--vg-radius-pill) !important;
}