diff --git a/npm/ng-packs/packages/theme-shared/src/lib/animations/toast.animations.ts b/npm/ng-packs/packages/theme-shared/src/lib/animations/toast.animations.ts
new file mode 100644
index 0000000000..7ac6a7519b
--- /dev/null
+++ b/npm/ng-packs/packages/theme-shared/src/lib/animations/toast.animations.ts
@@ -0,0 +1,17 @@
+import { animate, query, style, transition, trigger } from '@angular/animations';
+
+export const toastInOut = trigger('toastInOut', [
+  transition('* <=> *', [
+    query(
+      ':enter',
+      [
+        style({ opacity: 0, transform: 'translateY(20px)' }),
+        animate('350ms ease', style({ opacity: 1, transform: 'translateY(0)' })),
+      ],
+      { optional: true },
+    ),
+    query(':leave', animate('450ms ease', style({ opacity: 0 })), {
+      optional: true,
+    }),
+  ]),
+]);