.flag-favorito__icon {
  width: 24px;
  height: 24px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  transition: transform 0.2s ease;
  margin-left: auto;
}

.flag-favorito__icon.is-unflagged {
  /**/
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke-width='2' stroke='%23999' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 21s-6-4.35-9-8.1C.5 9.5 2.5 5 6.5 5c2.5 0 4 2 5.5 4 1.5-2 3-4 5.5-4 4 0 6 4.5 3.5 7.9-3 3.75-9 8.1-9 8.1z'/%3E%3C/svg%3E");
}

.flag-favorito__icon.is-flagged {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='%23e63946' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 21s-6-4.35-9-8.1C.5 9.5 2.5 5 6.5 5c2.5 0 4 2 5.5 4 1.5-2 3-4 5.5-4 4 0 6 4.5 3.5 7.9-3 3.75-9 8.1-9 8.1z'/%3E%3C/svg%3E");
}

a:hover .flag-favorito__icon {
  transform: scale(1.15);
}

.listing-top-content .flag-recursos-favoritos {
    padding-top: 15px;
    margin-bottom: -48px;
}

.flag-recursos-favoritos {
  display: flex;
  flex-direction: row-reverse;
}

.flag-recursos-favoritos a {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}

.flag-recursos-favoritos .js-flag-message {
    margin: 0 1.2em 0 0;
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.flag-recursos-favoritos .ajax-progress-throbber {
  height: 24px;
}