.chip {
  display: flex;
  align-items: center;
  gap: var(--Space-x1);
  padding: var(--Space-x1) var(--Space-x15);
  border-radius: var(--Corner-radius-sm);
}

.blue {
  background-color: var(--Scandic-Blue-00);
  color: var(--UI-Semantic-Information);
}

.green {
  background-color: var(--Surface-Feedback-Succes-light);
  color: var(--Surface-Feedback-Succes);
}

.red {
  background-color: var(--Scandic-Red-00);
  color: var(--UI-Semantic-Error);
}