fix: fixed button transition

Author: devRaxx

app/sigs/page.tsx

@@ -34,7 +34,7 @@ export default function Sigs() {
         </p>
 
         <button
-          className="my-6 md:my-8 lg:my-10 mx-auto block bg-primary text-[8px] md:text-xl leading-3 md:leading-none font-bold rounded-full px-2 md:px-4 lg:px-8 py-1 md:py-2 lg:py-4 hover:scale-105 duration-300"
+          className="my-6 md:my-8 lg:my-10 mx-auto block bg-primary text-black text-[8px] md:text-xl leading-3 md:leading-none font-bold rounded-full px-2 md:px-4 lg:px-8 py-1 md:py-2 lg:py-4 border border-transparent hover:bg-opacity-50 hover:border-primary hover:text-primary transition-colors"
           onClick={() =>
             (window.location.href = 'https://forms.gle/XxDJZebqbJB6tJo27')
           }

components/navs/public/DesktopView.tsx

@@ -73,13 +73,13 @@ export default function DesktopView() {
       >
         Speak
       </Button>
-      {/* <Button
+      <Button
         variant={'navLink'}
         onClick={() => redirectTo({ href: '/sigs' })}
         className={`${pathname === '/sigs' ? 'text-primary border-primary' : ''}`}
       >
         SIGs
-      </Button> */}
+      </Button>
       <Button
         variant={'navLink'}
         onClick={() => router.push('/code-of-conduct')}

components/navs/public/MobileView.tsx

@@ -87,12 +87,12 @@ export default function MobileView() {
               </AccordionItem>
             </Accordion>
 
-            {/* <Button
+            <Button
               variant={'navLinkMobile'}
               onClick={() => redirectTo({ href: '/sigs' })}
             >
               SIGs
-            </Button> */}
+            </Button>
             <Button
               variant={'navLinkMobile'}
               onClick={() => redirectTo({ href: '/sigs' })}