fix: styling

src/components/Button/styles.module.scss

@@ -2,7 +2,7 @@
 
 .button {
   font-family: inherit;
-  color: $white;
+  color: $white !important;
   border-radius: $border-radius;
   text-align: center;
   border: 0;

src/components/Text/RichText.tsx

@@ -1,6 +1,7 @@
 import { RichText as PayloadRichText } from '@payloadcms/richtext-lexical/react'
 import { SerializedEditorState } from 'lexical'
 import { jsxConverters } from './converters'
+import styles from "./richtext.module.scss"
 
 
 type RichTextProps = {
@@ -12,5 +13,5 @@ type RichTextProps = {
 // Use this everywhere instead of importing RichText directly from Payload, so
 // the converters can never be forgotten.
 export const RichText = ({ data }: RichTextProps) => (
-  <PayloadRichText data={data} converters={jsxConverters} />
+  <PayloadRichText data={data} converters={jsxConverters} className={styles.container}/>
 )

src/components/Text/html.module.scss

@@ -1,11 +1,3 @@
-.container a {
-  color: inherit;
-}
-
-.container a:visited {
-  color: inherit;
-}
-
 .half {
   width: 50%;
 }

src/components/Text/richtext.module.scss

@@ -0,0 +1,13 @@
+@import 'template.scss';
+
+.container a {
+  color: inherit;
+}
+
+.container a:visited {
+  color: inherit;
+}
+
+.container h3, .container h4, .container h5, .container h6 {
+  color: $base-color;
+}