.Pills {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -8px 0 0;
  padding: 0;
  list-style-type: none;
}
.Pills__item {
  display: flex;
}
.Pills__anchor {
  padding: 0;
  margin: 0 8px 8px 0;
}
.Pills__button {
  height: 32px;
  width: 44px;
  padding: 8px;
  border-radius: 6px;
  border: solid 1px var(--grey);
  color: var(--dark-grey);
  background-color: var(--song-bg-color);
  transition: color 0.25s;
}
.Pills__button:hover {
  color: var(--accent-color);
}
.Pills__button__active {
  color: var(--beige);
  background-color: var(--dark);
}
.Pills__button__active:hover {
  color: var(--beige);
}
.Pills__author {
  padding: 8px;
  border-radius: 6px;
  border: solid 1px var(--grey);
  color: var(--dark-grey);
  background-color: var(--song-bg-color);
  transition: color 0.25s;
}
.Pills__author:hover {
  color: var(--accent-color);
}
.Pills__author__active {
  color: var(--beige);
  background-color: var(--dark);
}
.Pills__author__active:hover {
  color: var(--beige);
}