Fix Edge button color in light mode

Author: PixelyIon

src/components/Button.js

@@ -8,9 +8,10 @@ import React from "react";
 import { Link } from "gatsby";
 import AnchorLink from 'react-anchor-link-smooth-scroll-v2'
 import rippleFn from "../libs/ripple";
+import classNames from "classnames";
 
 const ButtonInner = ({ icon, text, className }) => (
-    <div role="button" tabIndex={0} className={"button relative overflow-hidden " + className} onMouseDown={rippleFn} onTouchStart={rippleFn}>
+    <div role="button" tabIndex={0} className={classNames("button relative overflow-hidden", className)} onMouseDown={rippleFn} onTouchStart={rippleFn}>
         {icon ? <span style={{ paddingLeft: 15, paddingRight: 10, margin: "auto" }}>{icon}</span> : <span style={{ paddingLeft: 20, margin: "auto" }}></span>}
         <span style={{ paddingRight: 20 }}>{text}</span>
     </div>

src/sections/Landing.js

@@ -31,7 +31,7 @@ const Landing = () => {
                         </div>
                         <ul className="flex flex-wrap items-center justify-center md:justify-start font-roboto">
                             <span className="flex space-x-2 justify-center m-2">
-                                <Button className="text-[#a88c5c] dark:text-[#BBA171]" href="https://www.patreon.com/skyline_emu" icon={<FaStar />} text="Get Skyline Edge" />
+                                <Button className="!text-[#A88C5C] !dark:text-[#BBA171]" href="https://www.patreon.com/skyline_emu" icon={<FaStar />} text="Get Skyline Edge" />
                             </span>
                             <span className="flex space-x-2 justify-center m-2">
                                 <Button href="/download" icon={<FaDownload />} text="Get Skyline" />