/* Pop */
    @keyframes wdk-hover-animation-grow {
        100% {
            transform: scale(1.1);
        }
    }
    /* Shrink */
    @keyframes wdk-hover-animation-grow {
        100% {
            transform: scale(0.9);
        }
    }
  
  /* Pulse */
  @keyframes wdk-hover-animation-pulse {
    25% {
      transform: scale(1.1);
    }
    75% {
      transform: scale(0.9);
    }
  }
  
  /* Pulse Grow */
  @keyframes wdk-hover-animation-pulse-grow {
    to {
      transform: scale(1.1);
    }
  }

 /* Shrink */
  @keyframes wdk-hover-animation-shrink {
    to {
      transform: scale(0.9);
    }
  }

  /* Pulse Shrink */
  @keyframes wdk-hover-animation-pulse-shrink {
    to {
      transform: scale(0.9);
    }
  }

  /* Push */
  @keyframes wdk-hover-animation-push {
    50% {
      transform: scale(0.8);
    }
    100% {
      transform: scale(1);
    }
  }
  
  /* Pop */
  @keyframes wdk-hover-animation-pop {
    50% {
      transform: scale(1.2);
    }
  }

  
  /* Bounce In */

    @keyframes wdk-hover-animation-bounce-in {
        100% {
            transform: scale(1.2);
        }
    }

  
  /* Bounce Out */

  @keyframes wdk-hover-animation-bounce-out {
        100% {
            transform: scale(0.8);
        }
    }
  
  /* Rotate */

  @keyframes wdk-hover-animation-rotate {
        100% {
            transform:  rotate(4deg);
        }
    }
 
  /* Grow Rotate */

  @keyframes wdk-hover-animation-grow {
        100% {
            transform:  scale(1.1) rotate(4deg);
        }
    }

  /* Float */

  @keyframes wdk-hover-animation-float {
        100% {
            transform: translateY(-8px);
        }
    }

  /* Sink */
  @keyframes wdk-hover-animation-sink {
        100% {
            transform: translateY(8px);
        }
    }

  /* Bob */
  @keyframes wdk-hover-animation-bob {
    0% {
      transform: translateY(-8px);
    }
    50% {
      transform: translateY(-4px);
    }
    100% {
      transform: translateY(-8px);
    }
  }
  @keyframes wdk-hover-animation-bob-float {
    100% {
      transform: translateY(-8px);
    }
  }

  
  /* Hang */
  @keyframes wdk-hover-animation-hang {
    0% {
      transform: translateY(8px);
    }
    50% {
      transform: translateY(4px);
    }
    100% {
      transform: translateY(8px);
    }
  }
  @keyframes wdk-hover-animation-hang-sink {
    100% {
      transform: translateY(8px);
    }
  }

  /* Skew */
  @keyframes wdk-hover-animation-skew {
        100% {
            transform: skew(-10deg);
        }
    }

  /* Skew Forward */

    @keyframes wdk-hover-animation-skew-forward {
        100% {
            transform: skew(-10deg);
        }
    }

  
  /* Skew Backward */
    @keyframes wdk-hover-animation-skew-backward {
        100% {
            transform: skew(10deg);
        }
    }
  
  /* Wobble Vertical */
  @keyframes wdk-hover-animation-wobble-vertical {
    16.65% {
      transform: translateY(8px);
    }
    33.3% {
      transform: translateY(-6px);
    }
    49.95% {
      transform: translateY(4px);
    }
    66.6% {
      transform: translateY(-2px);
    }
    83.25% {
      transform: translateY(1px);
    }
    100% {
      transform: translateY(0);
    }
  }

  /* Wobble Horizontal */
  @keyframes wdk-hover-animation-wobble-horizontal {
    16.65% {
      transform: translateX(8px);
    }
    33.3% {
      transform: translateX(-6px);
    }
    49.95% {
      transform: translateX(4px);
    }
    66.6% {
      transform: translateX(-2px);
    }
    83.25% {
      transform: translateX(1px);
    }
    100% {
      transform: translateX(0);
    }
  }

  
  /* Wobble To Bottom Right */
  @keyframes wdk-hover-animation-wobble-to-bottom-right {
    16.65% {
      transform: translate(8px, 8px);
    }
    33.3% {
      transform: translate(-6px, -6px);
    }
    49.95% {
      transform: translate(4px, 4px);
    }
    66.6% {
      transform: translate(-2px, -2px);
    }
    83.25% {
      transform: translate(1px, 1px);
    }
    100% {
      transform: translate(0, 0);
    }
  }
  /* Wobble To Top Right */
  @keyframes wdk-hover-animation-wobble-to-top-right {
    16.65% {
      transform: translate(8px, -8px);
    }
    33.3% {
      transform: translate(-6px, 6px);
    }
    49.95% {
      transform: translate(4px, -4px);
    }
    66.6% {
      transform: translate(-2px, 2px);
    }
    83.25% {
      transform: translate(1px, -1px);
    }
    100% {
      transform: translate(0, 0);
    }
  }
  
  /* Wobble Top */
  @keyframes wdk-hover-animation-wobble-top {
    16.65% {
      transform: skew(-12deg);
    }
    33.3% {
      transform: skew(10deg);
    }
    49.95% {
      transform: skew(-6deg);
    }
    66.6% {
      transform: skew(4deg);
    }
    83.25% {
      transform: skew(-2deg);
    }
    100% {
      transform: skew(0);
    }
  }

  /* Wobble Bottom */
  @keyframes wdk-hover-animation-wobble-bottom {
    16.65% {
      transform: skew(-12deg);
    }
    33.3% {
      transform: skew(10deg);
    }
    49.95% {
      transform: skew(-6deg);
    }
    66.6% {
      transform: skew(4deg);
    }
    83.25% {
      transform: skew(-2deg);
    }
    100% {
      transform: skew(0);
    }
  }
  /* Wobble Skew */
  @keyframes wdk-hover-animation-wobble-skew {
    16.65% {
      transform: skew(-12deg);
    }
    33.3% {
      transform: skew(10deg);
    }
    49.95% {
      transform: skew(-6deg);
    }
    66.6% {
      transform: skew(4deg);
    }
    83.25% {
      transform: skew(-2deg);
    }
    100% {
      transform: skew(0);
    }
  }
  /* Buzz */
  @keyframes wdk-hover-animation-buzz {
    50% {
      transform: translateX(3px) rotate(2deg);
    }
    100% {
      transform: translateX(-3px) rotate(-2deg);
    }
  }
  
  /* Buzz Out */
  @keyframes wdk-hover-animation-buzz-out {
    10% {
      transform: translateX(3px) rotate(2deg);
    }
    20% {
      transform: translateX(-3px) rotate(-2deg);
    }
    30% {
      transform: translateX(3px) rotate(2deg);
    }
    40% {
      transform: translateX(-3px) rotate(-2deg);
    }
    50% {
      transform: translateX(2px) rotate(1deg);
    }
    60% {
      transform: translateX(-2px) rotate(-1deg);
    }
    70% {
      transform: translateX(2px) rotate(1deg);
    }
    80% {
      transform: translateX(-2px) rotate(-1deg);
    }
    90% {
      transform: translateX(1px) rotate(0);
    }
    100% {
      transform: translateX(-1px) rotate(0);
    }
  }