Use transparent bg for secondary button (#2545)

Author: gregberge

packages/gitbook/e2e/pages.spec.ts

@@ -466,13 +466,11 @@ const testCases: TestsCase[] = [
                             {
                                 title: 'Secondary button',
                                 to: { kind: 'url', url: 'https://www.gitbook.com' },
-                                // @ts-ignore Remove once we upgrade to the latest version of the API
                                 style: 'button-secondary',
                             },
                             {
                                 title: 'Primary button',
                                 to: { kind: 'url', url: 'https://www.gitbook.com' },
-                                // @ts-ignore Remove once we upgrade to the latest version of the API
                                 style: 'button-primary',
                             },
                         ],

packages/gitbook/src/components/Header/HeaderLink.tsx

@@ -66,8 +66,10 @@ export async function HeaderLink(props: {
                                           )
                                         : null,
                                 'button-secondary': tcls(
+                                    'bg:transparent hover:bg-transparent',
                                     'dark:bg-transparent dark:hover:bg-transparent',
-                                    'ring-header-link-500 hover:ring-header-link-300 dark:ring-header-link-500 dark:hover:ring-header-link-300 text-header-link-500 dark:text-header-link-500',
+                                    'ring-header-link-500 hover:ring-header-link-300 text-header-link-500',
+                                    'dark:ring-header-link-500 dark:hover:ring-header-link-300 dark:text-header-link-500',
                                 ),
                             }[linkStyle],
                         )}