/* fav buttons */
.fav-btn {
  width: 40px;              /* Set equal width and height for round shape */
  height: 40px;
  border-radius: 50%;       /* Makes the button round */
  background: linear-gradient(to right, #8e2de2, #4a00e0);
  color: white;             /* Icon color */
  border: none;             /* Remove default border */
  display: flex;            /* Center the icon */
  align-items: center;
  justify-content: center;
  cursor: pointer;          /* Pointer on hover */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Optional: adds a nice shadow */
  transition: background-color 0.3s ease;
}

.fav-btn:hover {
  background: linear-gradient(to right, #7f00ff, #00c6ff);
}

.fav-btn i {
    color:#fff;
}