.heart {
      cursor: pointer;
      transition: stroke 0.3s ease, fill 0.3s ease;
    }

    /* Default (black outline) */
    .heart path {
      stroke: black;
      fill: none;
      stroke-width: 1.8;
      transition: stroke 0.3s, fill 0.3s;
    }

    /* Active (red) */
    .heart.active path {
      stroke: #E83E6B;
      fill: #E83E6B;
    }