fix: animation

Author: Raubzeug

src/styles/mixins.scss

@@ -300,25 +300,26 @@
 }
 
 @mixin query-buttons-animations() {
-    animation: errorAnimation 300ms 1;
+    animation: errorAnimation 500ms linear;
 
     @keyframes errorAnimation {
-        0%,
-        100% {
-            transform: translate(0, 0) rotate(0deg);
+        8%,
+        41% {
+            transform: translateX(-2px);
+        }
+        25%,
+        58% {
+            transform: translateX(2px);
         }
-        10%,
-        30%,
-        50%,
-        70%,
-        90% {
-            transform: translate(0, 0) rotate(-5deg);
+        75% {
+            transform: translateX(-1px);
         }
-        20%,
-        40%,
-        60%,
-        80% {
-            transform: translate(0, 0) rotate(5deg);
+        92% {
+            transform: translateX(1px);
+        }
+        0%,
+        100% {
+            transform: translateX(0);
         }
     }
 }