@keyframes button-shake{
0%{transform:translateX(0)}
10%{transform:translateX(-3px)}
20%{transform:translateX(3px)}
30%{transform:translateX(-3px)}
40%{transform:translateX(3px)}
50%{transform:translateX(-3px)}
60%{transform:translateX(3px)}
70%{transform:translateX(-3px)}
80%{transform:translateX(3px)}
90%{transform:translateX(-3px)}
100%{transform:translateX(0)}
}
.shake-button:hover{animation-name:button-shake}
@media (prefers-reduced-motion:reduce){
.shake-button{animation:none}
}
.shake-button{transform-origin:center;animation-name:button-shake;animation-duration:3s;animation-timing-function:linear;animation-delay:2s;animation-iteration-count:infinite;animation-fill-mode:both}