diff --git a/homepage/blocks/homepage-brick/homepage-brick.css b/homepage/blocks/homepage-brick/homepage-brick.css
index f77eb92..b8828e7 100644
--- a/homepage/blocks/homepage-brick/homepage-brick.css
+++ b/homepage/blocks/homepage-brick/homepage-brick.css
@@ -406,10 +406,17 @@ body:not([data-mep-highlight="true"]) .section.masonry [data-removed-manifest-id
 
 /* mashup */
 .homepage-brick.click:hover .con-button:not(.blue):not(.fill) {
-    background-color: var(--color-black);
-    border-color: var(--color-black);
-    color: var(--color-white);
-    text-decoration: none;
+  background-color: var(--color-black);
+  border-color: var(--color-black);
+  color: var(--color-white);
+  text-decoration: none;
+}
+
+.homepage-brick.dark.click:hover .con-button:not(.blue):not(.fill) {
+  background-color: var(--color-white);
+  border-color: var(--color-white);
+  color: var(--color-black);
+  text-decoration: none;
 }
 
 @media screen and (max-width: 1023px) {