[web] Fixed color and button (#9601)

* change color

* responsive text

Author: tdraier

front/components/home/ContentBlocks.tsx

@@ -275,13 +275,20 @@ export const CarousselContentBlock = ({
         </P>
       </div>
       <div className="w-full text-left">
-        <Link href={href} shallow={true} className="inline-block">
+        <Link href={href} shallow={true} className="inline-block max-w-full">
+          <Button
+            label={"Discover Dust"}
+            variant="outline"
+            size="md"
+            icon={ArrowRightIcon}
+            className="flex max-w-full md:hidden"
+          />
           <Button
             label={"Discover Dust for " + title}
             variant="outline"
             size="md"
             icon={ArrowRightIcon}
-            className="max-w-full"
+            className="hidden max-w-full md:flex"
           />
         </Link>
       </div>

front/components/home/ContentComponents.tsx

@@ -98,7 +98,7 @@ const pClasses = {
   xxs: "font-objektiv text-xs text-muted-foreground md:text-sm leading-relaxed",
   xs: "font-objektiv text-sm text-slate-400 md:text-base leading-relaxed",
   sm: "font-objektiv text-base text-slate-400 md:text-lg leading-relaxed",
-  md: "font-objektiv text-lg md:text-lg text-slate-300 lg:text-xl leading-relaxed",
+  md: "font-objektiv text-lg md:text-lg text-slate-700 lg:text-xl leading-relaxed",
   lg: "font-objektiv text-lg md:text-xl text-slate-300 lg:text-2xl drop-shadow leading-relaxed",
 };