.download-btn {
      position: relative;
      width: 30px;
      height: 30px;
      border-radius: 50%;
background: linear-gradient(135deg, #016908, #138222, #64d090);
      background-size: 400% 400%;
      border: 4px solid #ffd700;
      box-shadow: 
        0 0 30px rgba(255, 215, 0, 0.6),
        0 0 60px rgba(255, 215, 0, 0.4),
        inset 0 4px 8px rgba(255, 255, 255, 0.3),
        inset 0 -4px 8px rgba(0, 0, 0, 0.3),
        0 15px 35px rgba(0, 0, 0, 0.5);
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      transition: all 0.4s ease;
      animation: gradientShift 6s ease infinite, pulse 2s infinite;
      overflow: hidden;
    }
  .heart-btn {
  position: relative;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  
  /* Sirf 2 Colors: Yellow → Dark Yellow */
  background: linear-gradient(135deg, #ffde0a, #b8a10b);
  background-size: 400% 400%;
  
  /* Border HATA DIYA */
  /* border: none; */ /* Optional, already removed */
  
  /* box-shadow: 
    0 0 25px rgba(255, 215, 0, 0.6),
    0 0 50px rgba(255, 215, 0, 0.4),
    inset 0 3px 6px rgba(255, 255, 255, 0.3),
    inset 0 -3px 6px rgba(0, 0, 0, 0.3),
    0 10px 25px rgba(0, 0, 0, 0.5); */
  
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.4s ease;
  animation: gradientShift 6s ease infinite, pulse 2s infinite;
  overflow: hidden;
}
    .download-btn img{
        width: 100%;
        width: 25px;
        -webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.8));
      filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.8));
      transition: all 0.4s ease;
    }
     .heart-btn img{
         width: 100%;
        width: 20px;
             -webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.8));
      filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.8));
      transition: all 0.4s ease;
     }
    .download-btn i {
      font-size: 15px;
      color: #fff;
      text-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
      z-index: 2;
    }

    /* Gradient Animation */
    @keyframes gradientShift {
      0%, 100% { background-position: 0% 50%; }
      50% { background-position: 100% 50%; }
    }

    /* 3D Pulse Glow */
    /* @keyframes pulse {
      0%, 100% { box-shadow: 
        0 0 30px rgba(255, 215, 0, 0.6),
        0 0 60px rgba(255, 215, 0, 0.4),
        inset 0 4px 8px rgba(255, 255, 255, 0.3),
        inset 0 -4px 8px rgba(0, 0, 0, 0.3),
        0 15px 35px rgba(0, 0, 0, 0.5); }
      50% { box-shadow: 
        0 0 50px rgba(255, 215, 0, 0.8),
        0 0 90px rgba(255, 215, 0, 0.6),
        inset 0 4px 8px rgba(255, 255, 255, 0.4),
        inset 0 -4px 8px rgba(0, 0, 0, 0.4),
        0 20px 45px rgba(0, 0, 0, 0.6); }
    } */

    /* Hover: Lift + Stronger Glow */
    .download-btn:hover {
      transform: translateY(-8px) scale(1.05);
      box-shadow: 
        0 0 60px rgba(255, 215, 0, 0.9),
        0 0 120px rgba(255, 215, 0, 0.7),
        inset 0 4px 8px rgba(255, 255, 255, 0.4),
        inset 0 -4px 8px rgba(0, 0, 0, 0.4),
        0 25px 50px rgba(0, 0, 0, 0.7);
    }

    /* Click: Press Effect */
    .download-btn:active {
      transform: translateY(-4px) scale(0.98);
      box-shadow: 
        0 0 20px rgba(255, 215, 0, 0.5),
        inset 0 6px 12px rgba(0, 0, 0, 0.5);
    }

    /* Optional: Sparkle Effect */
    .download-btn::before {
      content: '';
      position: absolute;
      top: -50%;
      left: -50%;
      width: 200%;
      height: 200%;
      background: radial-gradient(circle, rgba(255,255,255,0.3) 0%, transparent 70%);
      opacity: 0;
      transition: opacity 0.4s;
    }

    .download-btn:hover::before {
      opacity: 1;
      animation: sparkle 1.5s ease-in-out infinite;
    }

    @keyframes sparkle {
      0%, 100% { transform: rotate(0deg); }
      100% { transform: rotate(360deg); }
    }