.favorite-icon {
  width: 22px;
  height: 22px;
  display: block;
  --icon-heart-fill: transparent;
  --icon-heart-stroke: currentColor;
}

.favorite-btn.is-active .favorite-icon {
  --icon-heart-fill: rgb(250 18 81);
  --icon-heart-stroke: rgb(250 18 81);
}

.favorite-btn.is-disabled {
  opacity: .45;
  cursor: not-allowed;
}

.dashboard-favorites .c-grid__item {
  transition:
    opacity .22s ease,
    transform .22s ease,
    filter .22s ease;
}

.dashboard-favorites .c-grid__item.is-removing {
  opacity: 0;
  transform: scale(.96);
  filter: blur(2px);
  pointer-events: none;
}

.c-grid__item {
  transition:
    opacity .24s ease,
    transform .24s ease;
  will-change: opacity, transform;
}

.c-grid__item.is-removing {
  opacity: 0;
  transform: scale(.985);
  pointer-events: none;
}

.favorite-btn.is-active {
  transform: scale(1.15);
  transition: transform .15s ease;
}