.icon{
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px;
  gap: 4px;
  width: 60px;
}
.icon img{
  width: 22px;
  height: 22px;
  margin: auto;
  margin-top: 10px;
}

.icon div:last-child{
  font-weight: 200;
  font-size: 10px;
  line-height: 140%;
  text-align: center;
}

.category div{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 10px;
  gap: 10px;
  height: 30px;
  background: rgba(18, 126, 217, 0.05);
  border-radius: 8px;
  flex: none;
order: 1;
flex-grow: 0;
}

.category p{
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  text-align: center;
  color: #127ED9;
}

.category div:first-child{
  background: #127ED9;
}

.category div:first-child p{
  color: white;
}