.chip {
  background-color: var(--Component-Button-Inverted-Fill-Default);
  border-color: var(--Component-Button-Inverted-Border-Default);
  border-style: solid;
  border-width: 1px;
  border-radius: var(--Corner-radius-sm);
  padding: var(--Space-x1) var(--Space-x15);
  color: var(--Text-Interactive-Default);
  display: inline-flex;
  align-items: center;
}

.chip:hover {
  /* TODO: change to proper Component-variable once it is available */
  background-color: var(--Scandic-Peach-10);
  /* TODO: change to proper Component-variable once it is available */
  color: var(--Scandic-Red-100);
}
