.heart-blog, .heart-brand, .heart-model {
  display: inline-block;
  font-size: 24px;
  margin-left: 5px;
  cursor: pointer;
  color: gray;
}

.heart-blog i, .heart-brand i, .heart-model i {
  font-style: normal;
  font-family: FontAwesome, sans-serif;
}

.heart-blog.single {
  display: block;
}

.heart-blog.liked i,
.heart-brand.liked i,
.heart-model.liked i {
  color: red;
  transform: scale(1.2);
}

.heart-blog.not-authenticated i,
.heart-brand.not-authenticated i,
.heart-model.not-authenticated i {
  color: gray;
}

.heart-blog.not-authenticated:hover i,
.heart-brand.not-authenticated:hover i,
.heart-model.not-authenticated:hover i {
  color: gray !important;
  background-color: transparent !important;
}

.heart-blog.single.centered, .heart-brand.single.centered, .heart-model.single.centered {
  text-align: center;
  pointer-events: none;
}

.heart-blog.single.centered i,
.heart-brand.single.centered i,
.heart-model.single.centered i {
  pointer-events: auto;
  cursor: pointer;
}

.grayed-out {
  filter: grayscale(100%);
  opacity: 0.5;
}

.heart-icon {
  font-family: FontAwesome, sans-serif;
  font-weight: bold;
  color: gray;
}

.heart-icon.liked {
  color: red;
  transform: scale(1.2);
}

.heart-blog:not(.liked) i:hover,
.heart-brand:not(.liked) i:hover,
.heart-model:not(.liked) i:hover {
  color: #ff4d4d !important;
  transform: scale(1.4);
  transition: transform 0.2s ease, color 0.2s ease;
}