.exchanges-list{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  position: fixed;
  top: 25%;
  left: 2%;
  width: 108px;
  padding: 5px;
  border: 3px solid lightgreen;
  border-radius: 25px;
}
.exchanges-item span{
  width: 40px;
  height: 40px;
  padding-top: 5px;
  margin: 3px;
  border-radius: 20px;
  cursor: pointer;
}
.exchanges-item span:hover{
  border: 3px solid red;
  background-color: lightgreen;
  color: black;
  font-weight: bold;
}
.inActiveItem{
  border: 3px solid #ccc;
  background-color: #342833;
}
.activeItem{
  border: 3px solid red;
  background-color: lightgreen;
  color: black;
  font-weight: bold;
}