.pilula {
  padding: 2px 6px;
  border-radius: 10px;
  font-size: 12px;
  @include fonte-negrito();
  color: $cor-branca;
  min-width: 12px;
  min-height: 12px;
}

.pilula_cor-alerta {
  background-color: $cor-erro;
}

.pilula_cor-info {
  background-color: $cor-info;
}

.pilula_cor-sucesso {
  background-color: $cor-sucesso;
}

.pilula_cor-atencao {
  background-color: $cor-atencao;
}

.pilula_cor-primaria {
  background-color: var(--cor-primaria);
}

.pilula_cor-secundaria {
  background-color: var(--cor-secundaria);
}

.pilula_cor-terciaria {
  background-color: var(--cor-terciaria);
}

.pilula_com-animacao {
  animation: pilula-animacao 1s ease-in-out infinite;
}

@keyframes pilula-animacao {
  0% {
    transform: translate(0, 0);
  }
  80% {
    transform: translate(0, 0);
  }
  90% {
    transform: translate(0, -2px);
  }
  100% {
    transform: translate(0, 0);
  }
}