fix: styling of cookie preferences button (#2214)

Author: jonas-jonas

docusaurus.config.ts

@@ -120,7 +120,7 @@ const config: Config = {
           href: "https://www.ory.sh/contact/",
         },
         {
-          html: `<button class="footer__link-item" onClick="window.__showOryConsentDialog()">Consent Preferences</button>`,
+          html: `<button onClick="window.__showOryConsentDialog()">Consent Preferences</button>`,
         },
       ] satisfies Preset.ThemeConfig["footer"]["links"],
       logo: {

src/css/theme.css

@@ -147,3 +147,19 @@ svg[class*="iconExternalLink"] {
 .config-editor p {
   margin: unset;
 }
+
+.footer__link-item:hover {
+  color: unset;
+}
+.footer__link-item button {
+  background-color: transparent;
+  border: none;
+  color: inherit;
+  cursor: pointer;
+  font: inherit;
+  padding: 0;
+}
+
+.footer__link-item button:hover {
+  text-decoration: underline;
+}