chore: adjust buttons

Author: ovflowd

apps/site/pages/en/index.mdx

@@ -27,7 +27,7 @@ layout: home
         <small className="!text-xs">for Node.js 18 and below</small>
       </Button>
 
-      <Button kind="neutral" className="!block dark:!hidden" href="https://www.herodevs.com/support/node-nes">
+      <Button kind="secondary" className="!block dark:!hidden" href="https://www.herodevs.com/support/node-nes">
         <span>Get security support</span>
         <br />
         <small className="!text-xs">for Node.js 18 and below</small>

packages/ui-components/Common/BaseButton/index.module.css

@@ -73,15 +73,16 @@
 
   &.secondary {
     @apply rounded-lg
+      border
+      border-neutral-200
       text-neutral-800
-      dark:border
       dark:border-neutral-900
       dark:text-neutral-200;
 
     &:hover:not([aria-disabled='true']) {
       @apply bg-neutral-200
         text-neutral-800
-        dark:bg-neutral-800
+        dark:bg-neutral-900
         dark:text-neutral-200;
     }