.tag {
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.7rem;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  white-space: nowrap;
  background: #efefef;
}

.tag-default {
  background: var(--bg-body);
  color: var(--text-dark);
}

.tag-primary {
  background: var(--primary-purple);
  color: white;
}

.tag-hr {
  background: var(--tag-orange-bg);
  color: var(--tag-orange-text);
}

.tag-digital {
  background: var(--tag-blue-bg);
  color: var(--tag-blue-text);
}

.tag-horeca {
  background: var(--tag-green-bg);
  color: var(--tag-green-text);
}

.tag-purple {
  background: var(--tag-purple-bg);
  color: var(--tag-purple-text);
  border-radius: 0.5rem;
}

.tag-yellow {
  background: var(--tag-yellow-bg);
  color: var(--tag-yellow-text);
  border-radius: 0.5rem;
}