.tag {
  background-color: #d69bff;
  border: none;
  color: black;
  --text-a:                     var(--bright-orange);
  --text-a-hover:               var(--bright-blue);
  font-size: 11px;
  padding: 1px 8px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 0px 0px;
  cursor: pointer;
  border-radius: 14px;
}

.tag:hover {
color: black;
background-color: #d69bff;
}
.tag[href^="#definition"] {
  color: white;
  background-color: green;
}
.tag[href^="#important"] {
  color: white !important;
  background-color: red !important;
}
.tag[href^="#lookup"] {
  color: white;
  background-color: blue;
}
.tag[href^=""] {
  color: white;
  background-color: #fbd349;
}