.conductor__tag {
  display: inline-flex;
  padding: 0.375rem;

  border-radius: var(--form-border-radius);

  background: var(--blue-100);

  color: var(--blue-600);

  font-size: var(--font-size-tiny);
  font-weight: var(--font-weight-medium);
}

.conductor__tag-remove {
  align-self: center;
  height: fit-content;
  margin-left: 0.5rem;
  padding: 2px;

  transition: background-color 0.2s;

  border: none;
  border-radius: 50%;

  cursor: pointer;

  svg {
    width: 0.75rem;
    height: 0.75rem;
  }

  &:hover,
  &:focus-visible {
    outline: none;

    background-color: var(--blue-300);
  }
}
