.tag {
  font-size: 14px;
  letter-spacing: .07em;
  font-family: sans-serif;
  padding: 4px 13px;
  margin: 5px 5px;
  border-radius: 10px;
  display: inline-flex;
  border-style: solid;
  border-width: 1px;
}

.tag:hover {
  cursor: pointer;
}

.unselected {
  background-color: white;
  border-color: var(--color-primary);
  color: var(--color-primary);
  border-width: 1px;
}

.selected {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  color: var(--color-light);
  border-width: 1px;
}

.static {
  background-color: var(--color-primary-tint);
  border-color: var(--color-primary-tint);
  color: var(--color-light-light);
}