From d7207729391c8fa3777c45bcf3df266a75fe4cf8 Mon Sep 17 00:00:00 2001
From: Ulas Kalayci <ulas.kalayci@googlemail.com>
Date: Thu, 30 Apr 2026 09:11:45 +0200
Subject: [PATCH] ux: empty state CTA fades in with delay to draw attention

---
 public/styles/layout.css | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/public/styles/layout.css b/public/styles/layout.css
index 63ea12d..63fb3a5 100755
--- a/public/styles/layout.css
+++ b/public/styles/layout.css
@@ -1510,6 +1510,7 @@ html.fab-anim-done .page-fab {
 
 @media (prefers-reduced-motion: reduce) {
   .empty-state { animation: none; }
+  .empty-state__cta { animation: none; }
 }
 
 .empty-state__icon {
@@ -1545,6 +1546,7 @@ html.fab-anim-done .page-fab {
 
 .empty-state__cta {
   margin-top: var(--space-2);
+  animation: list-item-in 300ms var(--ease-out) 300ms both;
 }
 
 .empty-state--compact {