:host {
  --ux-tag-border: transparent;
  --ux-tag-outline-hover: none;
  --ux-tag-border-color-hover: transparent;
  --ux-tag-font-weight: bold;
  --ux-tag-letter-spacing: 0;
  display: inline-block;
  box-sizing: border-box;
}
:host ux-tag {
  box-sizing: border-box;
  margin: 0;
}

:host([status=info]) {
  --ux-tag-background-color: #285172;
  --ux-tag-background-color-hover: #285172;
}

:host([status=success]) {
  --ux-tag-background-color: #bbd03a;
  --ux-tag-background-color-hover: #bbd03a;
}

:host([status=warning]) {
  --ux-tag-background-color: #ff9302;
  --ux-tag-background-color-hover: #ff9302;
}

:host([status=error]) {
  --ux-tag-background-color: #ff0201;
  --ux-tag-background-color-hover: #ff0201;
}

:host([status=disabled]) {
  --ux-tag-background-color: #a1a1a1;
  --ux-tag-background-color-hover: #a1a1a1;
}