/* Tag Component
   ========================================================================== */

.tag-item {
  display: inline-block;
  padding: 0px 4px;
  font-size: 11px;
  border-radius: 3px;
  background-color: var(--color-blue-light);
  color: var(--color-blue);
  border: 1px solid var(--color-blue);
  text-decoration: none;
  vertical-align: middle;
}

.tag-item--green {
  background-color: var(--color-green-light);
  color: var(--color-green-dark);
  border: 1px solid var(--color-green-dark);
}

.tag-item--red {
  background-color: var(--color-red-light);
  color: var(--color-red-dark);
  border: 1px solid var(--color-red-dark);
}