.invoice-section-tabs {
  display: flex;
  width: fit-content;
  max-width: 100%;
  gap: 6px;
  padding: 5px;
  overflow-x: auto;
  border: 1px solid var(--border-soft);
  border-radius: var(--radius-md);
  background: var(--surface-soft);
}

.invoice-section-tabs__button {
  min-height: 38px;
  padding: 8px 18px;
  border: 1px solid transparent;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--text-muted);
  white-space: nowrap;
  font-weight: 650;
}

.invoice-section-tabs__button:hover {
  background: var(--surface);
  color: var(--text);
}

.invoice-section-tabs__button--active {
  border-color: var(--primary-border);
  background: var(--surface);
  color: var(--primary);
  box-shadow: var(--shadow-xs);
}

@media (max-width: 720px) {
  .invoice-section-tabs {
    width: 100%;
  }

  .invoice-section-tabs__button {
    flex: 1 0 auto;
  }
}