Generador de CSS para pestañas tipo píldora

.tab-pills {
  display: inline-flex;
  gap: 8px;
  padding: 8px;
  border-radius: 12px;
  background: #e0f2fe;
}

.tab-pills .tab {
  padding: 8px 16px;
  border-radius: 8px;
  color: #2563eb;
}

.tab-pills .tab.active {
  background: #2563eb;
  color: #e0f2fe;
}