Improve cookie consent readability

src/app/globals.css

@@ -153,7 +153,11 @@ body.site-product-menu-open footer {
 }
 
 .cookie-consent-panel {
+  background: #fff;
   border-radius: 8px;
+  box-shadow:
+    0 18px 64px rgba(15, 18, 20, 0.22),
+    0 2px 14px rgba(15, 18, 20, 0.1) !important;
 }
 
 .about-html {

src/components/site/cookie-consent.tsx

@@ -33,7 +33,7 @@ export function CookieConsent({ locale }: { locale: Locale }) {
 
   return (
     <div className="fixed inset-x-0 bottom-0 z-[70] px-4 pb-4 md:px-6 md:pb-6">
-      <div className="cookie-consent-panel mx-auto flex max-w-page flex-col gap-4 border border-black/15 bg-[#fffaf2]/98 px-5 py-4 shadow-[0_22px_70px_rgba(23,23,23,0.16)] ring-1 ring-[#d7b98b]/45 backdrop-blur md:flex-row md:items-end md:justify-between md:px-6">
+      <div className="cookie-consent-panel mx-auto flex max-w-page flex-col gap-4 border border-black/15 bg-white px-5 py-4 shadow-[0_22px_70px_rgba(23,23,23,0.22)] ring-1 ring-black/10 md:flex-row md:items-end md:justify-between md:px-6">
         <div className="max-w-[880px]">
           <div className="inline-flex items-center gap-2 text-sm font-medium text-text-primary">
             <span className="h-2 w-2 rounded-full bg-[#b37a2a]" />