From 807c4ea873838826f0ac756e416597ed7762e61a Mon Sep 17 00:00:00 2001
From: Telkens <stivenmg77@gmail.com>
Date: Tue, 19 Mar 2024 08:19:56 -0500
Subject: [PATCH] Delete arrow buttons in mobile devices

---
 src/components/Banner.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Banner.tsx b/src/components/Banner.tsx
index 6dc3d95..6e86a8b 100644
--- a/src/components/Banner.tsx
+++ b/src/components/Banner.tsx
@@ -33,7 +33,7 @@ const Banner: FC = () => {
           <button
             onClick={onClick}
             disabled={disabled}
-            className="hover:text-primary-lm transition-all ease-linear duration-300 absolute top-[50%] translate-y-[-50%] bg-background-lm z-10 p-2 rounded-full invisible group-hover:visible left-2 opacity-80"
+            className="hover:text-primary-lm transition-all ease-linear duration-300 absolute top-[50%] translate-y-[-50%] bg-background-lm z-10 p-2 rounded-full invisible ms:group-hover:visible left-2 opacity-80"
           >
             <BsChevronCompactLeft size={31} />
           </button>
@@ -42,7 +42,7 @@ const Banner: FC = () => {
           <button
             onClick={onClick}
             disabled={disabled}
-            className="hover:text-primary-lm transition-all ease-linear duration-300 absolute top-[50%] translate-y-[-50%] bg-background-lm z-10 p-2 rounded-full invisible group-hover:visible right-2 opacity-80"
+            className="hover:text-primary-lm transition-all ease-linear duration-300 absolute top-[50%] translate-y-[-50%] bg-background-lm z-10 p-2 rounded-full invisible ms:group-hover:visible right-2 opacity-80"
           >
             <BsChevronCompactRight size={31} />
           </button>