From e08ca350a86235e5398f5b4b5709e1f81029555b Mon Sep 17 00:00:00 2001
From: Gautier Darchen <gautier.darchen@swile.co>
Date: Wed, 10 Jul 2024 11:44:00 +0200
Subject: [PATCH] fix(watch): add transition to watch link on home page

---
 .../home/7-technology-watch-link/TechnologyWatchLink.tsx      | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/home/7-technology-watch-link/TechnologyWatchLink.tsx b/src/components/home/7-technology-watch-link/TechnologyWatchLink.tsx
index 3bb13a2..74c61e1 100644
--- a/src/components/home/7-technology-watch-link/TechnologyWatchLink.tsx
+++ b/src/components/home/7-technology-watch-link/TechnologyWatchLink.tsx
@@ -4,12 +4,12 @@ import { BiSolidBinoculars } from 'react-icons/bi'
 
 const TechnologyWatchLink: FC = () => {
   return (
-    <div className="flex items-center justify-center">
+    <div data-aos="fade-up" className="flex items-center justify-center">
       <Link
         href="/watch"
         className="group relative my-12 inline-flex items-center justify-center overflow-hidden rounded-lg p-4 px-5 py-3 font-medium text-indigo-600 shadow-2xl md:mt-0"
       >
-        <span className="ease absolute left-0 top-0 -ml-3 -mt-10 size-52 rounded-full bg-purple-700 blur-md transition-all duration-700 dark:bg-purple-800" />
+        <span className="ease absolute left-0 top-0 -ml-3 -mt-10 h-44 w-72 rounded-full bg-purple-700 blur-md transition-all duration-700 dark:bg-purple-800" />
         <span className="ease absolute inset-0 size-full transition duration-700 group-hover:rotate-180">
           <span className="absolute bottom-0 left-0 -ml-10 size-36 rounded-full bg-blue-600 blur-md dark:bg-blue-700" />
           <span className="absolute bottom-0 right-0 -mr-10 size-36 rounded-full bg-blue-400 blur-md dark:bg-blue-500" />