[data-name="BananaAnimate"]:hover path[d="M5.15 17.89c5.52-1.52 8.65-6.89 7-12C11.55 4 11.5 2 13 2c3.22 0 5 5.5 5 8 0 6.5-4.2 12-10.49 12C5.11 22 2 22 2 20c0-1.5 1.14-1.55 3.15-2.11Z"] {
    animation: bananaBodyAnimate 0.3s ease-in-out both;
}

[data-name="BananaAnimate"]:hover path[d="M4 13c3.5-2 8-2 10 2a5.5 5.5 0 0 1 8 5"] {
    animation: bananaCurveAnimate 0.3s ease-in-out 0.2s both;
}

@keyframes bananaBodyAnimate {
    0% {
        opacity: 0;
        stroke-dasharray: 1000;
        stroke-dashoffset: 1000;
    }
    100% {
        opacity: 1;
        stroke-dasharray: 1000;
        stroke-dashoffset: 0;
    }
}

@keyframes bananaCurveAnimate {
    0% {
        opacity: 0;
        stroke-dasharray: 1000;
        stroke-dashoffset: 1000;
    }
    100% {
        opacity: 1;
        stroke-dasharray: 1000;
        stroke-dashoffset: 0;
    }
}