/* FAVORITE ICON ON VIDEO CARDS */

/* Base appearance of the favourite button */
.favorite-btn {
  position: absolute;
  top: 8px;
  left: 8px;
  width: 28px;
  height: 28px;
  background: rgba(0,0,0,0.6);
  border-radius: 50%;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  z-index: 10;
}

/* Icon inside the button – default (not favourited) */
.favorite-btn i,
.favorite-btn svg,
.favorite-btn svg path {
  width: 16px;
  height: 16px;
  stroke: #fff;
  fill: transparent;
}

/* When marked as favourite */
.favorite-btn.is-favorite {
  background: #e50914;
}

/* Make the heart solid when favourited */
.favorite-btn.is-favorite i,
.favorite-btn.is-favorite svg,
.favorite-btn.is-favorite svg path {
  stroke: #fff;
  fill: #fff;
}