From 4a702f9e683f99cd4978d8c2b8a662fedb572d9c Mon Sep 17 00:00:00 2001
From: Lanskikh <lanskikh-mikhail@mail.ru>
Date: Thu, 11 Jul 2024 16:51:58 +0500
Subject: [PATCH] added hover effect for close btn

---
 src/components/modals/Popup.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/modals/Popup.tsx b/src/components/modals/Popup.tsx
index dff62c4..327ae93 100644
--- a/src/components/modals/Popup.tsx
+++ b/src/components/modals/Popup.tsx
@@ -16,7 +16,7 @@ function Popup() {
 
   useEffect(() => {
     if (!closed) {
-      const timer = setTimeout(() => setIsPopupShowed(true), 1000);
+      const timer = setTimeout(() => setIsPopupShowed(true), 10000);
       return () => clearTimeout(timer);
     }
   }, [setIsPopupShowed, closed]);
@@ -44,10 +44,10 @@ function Popup() {
               Перейти
             </Link>
             <button
-              className="absolute top-2 right-2"
+              className="absolute top-2 right-2 hover:bg-white rounded-full w-8 flex p-px hover:bg-opacity-10"
               onClick={handlePopupClick}
             >
-              <CloseIcon className="w-6" />
+              <CloseIcon className="w-6 m-auto" />
             </button>
           </div>
         </motion.div>