.unit-top-row .button-wrapper .favorite-button{
    background-color: transparent;
    height: 45px;
    /* width: 45px; */
    border: var(--beon-unit-map-button-border);
    border-radius: var(--beon-unit-map-button-border-radius);
    display: flex;
    align-items: center;
    justify-content: center;
}
.unit-top-row .button-wrapper .favorite-button:hover{
  background-color: var(--beon-primary-text-color);
  border-color: var(--beon-primary-text-color);
}
.unit-top-row .button-wrapper .favorite-button:hover img{
  filter: var(--beon-icon-filter-white);
}

.unit-top-row .button-wrapper .favorite-button img{
  filter: var(--beon-listing-favorite-icon-filter);
  width: 24px;
  height: 24px;
}

.unit-top-row .button-wrapper .favorite-button img{ 
  filter: var(--beon-icon-filter-text-color);
  width: 24px;
  height: 24px;
}
.unit-top-row .button-wrapper .favorite-button.favorited span, .favorite-button:hover span{
  color: white;
}

.simplefavorite-text{
  color: var(--beon-primary-text-color);
}

.unit-top-row .button-wrapper .favorite-button.favorited {
  background-color: var(--beon-primary-text-color);
}
.unit-top-row .button-wrapper .favorite-button.favorited img {
  filter: var(--beon-icon-filter-white);
}
.favorite-button span,.favorite-button.favorited span.simplefavorite-text{
  display: none;
}
.unit-top-row .button-wrapper .favorite-button.favorited .simplefavorited-text{
  display: block;
}
.favorite-button span.simplefavorite-text{
  display: block;
}



.info-header .unit-favorite .favorite-button{
  background-color: transparent;
  height: 34px;
  width: 34px;
  border-radius: var(--beon-listing-favorite-border-radius);
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
}
.info-header .unit-favorite .favorite-button:hover{
  background-color: var(--beon-listing-favorite-bg-color-hover);
}
.info-header .unit-favorite .favorite-button:hover img{
  filter: var(--beon-icon-filter-white);
}
.info-header .unit-favorite .favorite-button img{
  width: 25px;
  height: 25px;
  color: black;
}

.info-header .unit-favorite .favorite-button img{ 
 filter: var(--beon-listing-favorite-icon-filter);
  width: 24px;
  height: 24px;
}
.info-header .unit-favorite .favorite-button span{
  display: none !important;
}


.info-header .unit-favorite .favorite-button.favorited {
  background-color: var(--beon-listing-favorite-bg-color-hover);
}
.info-header .unit-favorite .favorite-button.favorited img {
  filter: var(--beon-listing-favorite-icon-filter);
}