Cooki - korekta mail

src/content/site/cookie.yaml

@@ -1,11 +1,12 @@
 enabled: true
 
 text:
-  message: "Ta strona korzysta z ciasteczek aby świadczyć usługi na najwyższym poziomie. Dalsze korzystanie ze strony oznacza, że zgadzasz się na ich użycie."
-  more: "Dowiedz się więcej"
-  accept: "Akceptuję"
-  reject: "Odrzucam"
+  message: |
+    Ta strona korzysta z ciasteczek, aby świadczyć usługi na najwyższym poziomie. 
 
-links:
-  privacy: "/polityka-prywatnosci"
+    Dalsze korzystanie ze strony oznacza, że zgadzasz się na ich użycie. [Dowiedz się więcej](/dokumenty/polityka-prywatnosci "Polityka-prywatnosci")
+     
+  more: Dowiedz się więcej
+  accept: Akceptuję
+  reject: Odrzucam
  

src/islands/Cookie.jsx

@@ -1,5 +1,5 @@
 import { useEffect, useState } from "preact/hooks";
-// import "../styles/cookie.css";
+import Markdown from "./Markdown.jsx";
 
 export default function Cookie({ config }) {
   const [visible, setVisible] = useState(false);
@@ -29,13 +29,7 @@ export default function Cookie({ config }) {
     >
       <div class="f-cookie-panel-inner">
 
-        <p class="f-cookie-text">
-          {config.text.message}
-          <a href={config.links.privacy} rel="noopener noreferrer">
-            {config.text.more}
-          </a>
-        </p>
-
+        <Markdown text={config.text.message} />
         <div class="flex gap-3 shrink-0">
           <button onClick={() => handle("accepted")} class="f-cookie-accept">
             {config.text.accept}

src/styles/cookie.css

@@ -1,14 +1,14 @@
 @layer components {
   #cookie-banner {
-    @apply fixed bottom-0 left-0 w-full translate-y-full transition-transform duration-500 ease-in-out bg-[--f-cookie-background] text-[--f-cookie-text];
+    @apply fixed bottom-0 left-0 w-full translate-y-full transition-transform duration-500 ease-in-out bg-[--f-cookie-background];
   }
 
   .f-cookie-panel-inner {
-    @apply max-w-5xl mx-auto flex flex-col md:flex-row items-start md:items-center justify-between gap-4 px-6 py-6;
+    @apply max-w-6xl mx-auto flex flex-col md:flex-row items-start md:items-center justify-between gap-4 px-6 py-6;
   }
 
-  .f-cookie-text {
-    @apply text-base leading-snug;
+  .f-cookie-panel-inner .fuz-markdown p {
+    @apply text-xl;
   }
 
   .f-cookie-accept,