.tag {
  display: inline-flex;
  align-items: center;
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-color: rgba(205, 198, 185, 0.8);
  border-width: 1px;
  font-size: 0.875rem;
  min-height: 2.1875rem;
  height: 2.1875rem;
  padding-inline: 0.75rem;
  margin-bottom: 0.25rem;
  margin-right: 0.5rem;
}

.collection .tag,
.piece .tag {
  text-transform: uppercase;
}

.tag-sm {
  background-color: var(--gray);
  border: 0;
  color: rgba(0,0,0,0.5);
  font-size: 0.75rem;
  min-height: 1.125rem;
  height: 1.125rem;
  padding-inline: 0.5rem;
  margin-right: 0.375rem;
}

.tag:has(.btn-delete:hover) {
  background: var(--backdrop-color);
}