.unit-top-row .button-wrapper .favorite-button{
  padding: 0 15px;
  height: 40px;
  font: var(--beon-unit-map-button-font);
  color: var(--beon-unit-map-button-text-color);
  background-color: var(--beon-unit-map-button-bg-color);
  border: var(--beon-unit-map-button-border);
  border-radius: var(--beon-unit-map-button-border-radius);
  display: flex;
  align-items: center;
  gap: 5px;
}

.unit-top-row .button-wrapper .favorite-button img{
  width: 25px;
  height: 25px;
  color: black;
}

.unit-top-row .button-wrapper .favorite-button img{ 
  filter: grayscale(100%) brightness(150%);
  height: 20px;
  width: 20px;
}


.unit-top-row .button-wrapper .favorite-button.favorited {
  background-color: var(--beon-primary-color);
  border-color:var(--beon-primary-color);
}
.unit-top-row .button-wrapper .favorite-button.favorited img {
  filter: invert(1);
}