[data-name="MapPinMinusInsideAnimate"]:hover {
animation: mapPinBounce 0.5s ease-in-out;
}
@keyframes mapPinBounce {
0% { transform: translateY(0); }
60% { transform: translateY(-5px); }
100% { transform: translateY(-3px); }
}
[data-name="MapPinMinusInsideAnimate"] path[d="M9 10h6"] {
opacity: 1;
stroke-dasharray: 6;
stroke-dashoffset: 0;
}
[data-name="MapPinMinusInsideAnimate"]:hover path[d="M9 10h6"] {
animation: minusDrawing 0.3s ease-in-out 0.3s both;
}
@keyframes minusDrawing {
0% {
opacity: 0;
stroke-dashoffset: 6;
}
33% {
opacity: 1;
stroke-dashoffset: 6;
}
100% {
opacity: 1;
stroke-dashoffset: 0;
}
}