/* When hovering the drone, make each propeller group rotate around its circle */
  button:hover svg .propeller {
    animation: rotatePropeller 0.4s linear infinite;
  }
  /* Reverse rotation for realism (2 CCW, 2 CW) */
  button:hover svg .mini-prop2,
  button:hover svg .mini-prop3,
  button:hover svg .maveric-prop2,
  button:hover svg .maveric-prop3,
  button:hover svg .inspire-prop2,
  button:hover svg .inspire-prop3,
  button:hover svg .phantom-prop2,
  button:hover svg .phantom-prop3,
  button:hover svg .enterprise-prop2,
  button:hover svg .enterprise-prop3  {
    animation: rotatePropeller 0.4s linear infinite reverse;
  }

  /* Define rotation */
  @keyframes rotatePropeller {
    to {
      transform: rotate(360deg);
    }
  }

  /* ---------------- MINI ---------------- */
  .mini-prop1 { transform-origin: 316.3px 270.5px; }
  .mini-prop2 { transform-origin: 82.6px 270.5px; }
  .mini-prop3 { transform-origin: 298.1px 85.5px; }
  .mini-prop4 { transform-origin: 99.4px 85.5px; }

  /* ---------------- MAVERIC ---------------- */
  .maveric-prop1 { transform-origin: 316.3px 270.5px; }
  .maveric-prop2 { transform-origin: 82.6px 270.5px; }
  .maveric-prop3 { transform-origin: 298.1px 85.5px; }
  .maveric-prop4 { transform-origin: 99.4px 85.5px; }
  
  /* ---------------- INSPIRE ---------------- */
  .inspire-prop1 { transform-origin: 292.6px 277.4px; }
  .inspire-prop2 { transform-origin: 107.4px 277.4px; }
  .inspire-prop3 { transform-origin: 294.3px 79.9px; }
  .inspire-prop4 { transform-origin: 105.7px 79.9px; }

  /* ---------------- PHANTOM ---------------- */
  .phantom-prop1 { transform-origin: 297px 277.5px; }
  .phantom-prop2 { transform-origin: 101px 277.5px; }
  .phantom-prop3 { transform-origin: 297px 78.5px; }
  .phantom-prop4 { transform-origin: 101px 78.5px; }

    /* ---------------- ENTERPRISE ---------------- */
  .enterprise-prop1 { transform-origin: 93.4px 80.99px; }
  .enterprise-prop2 { transform-origin: 284.11px 81.23px; }
  .enterprise-prop3 { transform-origin: 73.28px 264.84px; }
  .enterprise-prop4 { transform-origin: 303.64px 264.84px; }