/*
  COMPONENTE CUSTOM CHIP
  chip non prevedeva link quindi ci siamo staccati 
  da b-i e abbiamo fatto uno nostro (parecchio css arriva da b-i)
*/

/* chip-container */
.chip-container {
  padding-top: 8px;
}

/* singolo chip */
.chip-phantom {
  display: inline-flex;
  align-items: center;
  border-width: 1px;
  border-style: solid;
  border-radius: 22px;
  min-width: fit-content;
  padding: 0 14px 0px 14px;
  border-color: #737373;
  transition: all 0.05s;
  margin-top: 4px;
  margin-bottom: 4px;
  justify-content: center;
  height: 32px;
}

.chip-phantom .chip-label-phantom {
  font-size: 14px;
  font-weight: 600;
  color: #262626;
  margin-bottom: 0;
  transition: color 0.05s;
  text-decoration: none;
  height: 100%;
  display: flex;
  align-items: center;
}

/*COLORS*/
.chip-phantom {
  border-color: rgba(var(--bs-primary-rgb));
}

/*HOVER*/
.chip-phantom.chip-primary-phantom:hover {
  background-color: rgba(var(--bs-primary-rgb));
}
.chip-phantom.chip-primary-phantom:hover span {
  color: #fff !important;
}