/* [ PILLS ] */
:is(.pill-primary, .pill-secondary, .pill-success, .pill-danger, .pill-warning) {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  padding: 0.25rem;

  border-radius: 0.25rem;

  font-size: 0.75rem;
  line-height: 0.75rem;
  font-weight: var(--semi-bold);
  text-transform: uppercase;
  color: var(--preto-light);
  width: max-content;
}
:is(.pill-primary, .pill-secondary, .pill-success, .pill-danger, .pill-warning) > i {
  margin-right: 0.25rem;
}

/* -------------------------------------------------- */

.pill-primary {
  background-color: var(--primary-grey);
}
.pill-primary > i {
  color: var(--primary);
}

/* -------------------------------------------------- */

.pill-secondary {
  background-color: var(--cinza-light);
}
.pill-secondary > i {
  color: var(--preto-light);
}

/* -------------------------------------------------- */

.pill-success {
  background-color: var(--success-grey);
}
.pill-success > i {
  color: var(--success);
}

/* -------------------------------------------------- */

.pill-danger {
  background-color: var(--danger-grey);
}
.pill-danger > i {
  color: var(--danger);
}

/* -------------------------------------------------- */

.pill-warning {
  background-color: var(--warning-grey);
}
.pill-warning > i {
  color: var(--warning);
}