.icon {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: var(--Corner-radius-rounded);
  background-color: var(--UI-Text-Placeholder);
}

.attractions {
  background-color: var(--Base-Interactive-Surface-Secondary-normal);
}
.business {
  background-color: var(--Scandic-Yellow-50);
}
.location {
  background-color: var(--UI-Text-Placeholder);
}
.parking {
  background-color: var(--UI-Text-Active);
}
.publicTransport {
  background-color: var(--Base-Interactive-Surface-Tertiary-normal);
}
.shoppingDining {
  background-color: var(--Base-Interactive-Surface-Primary-normal);
}

.icon.transparent {
  background-color: transparent;
  padding: 0;
}