Fix button style in page blocks

diff --git a/app/static/src/sass/global/_wysiwyg.scss b/app/static/src/sass/global/_wysiwyg.scss
index 395e3c4cf466efc4866ef4bbec6ecbca9675337f..722112026a7b2e3f36c91bffd4facf90725188c5 100644 (file)
--- a/app/static/src/sass/global/_wysiwyg.scss
+++ b/app/static/src/sass/global/_wysiwyg.scss
@@ -1,42 +1,81 @@
-.wys-button {
+a.wys-button {
 
     @extend .button;
+    .page__block--black & {
+        color: $color-black;
+        &:hover {
+            color: $color-main;
+        }
+    }
 
 }
 
-.wys-button-small {
+a.wys-button-small {
 
     @extend .button;
     @extend .button--small;
+    .page__block--black & {
+        color: $color-black;
+        &:hover {
+            color: $color-main;
+        }
+    }
 
 }
 
-.wys-button-xsmall {
+a.wys-button-xsmall {
 
     @extend .button;
     @extend .button--xsmall;
+    .page__block--black & {
+        color: $color-black;
+        &:hover {
+            color: $color-main;
+        }
+    }
 
 }
 
-.wys-button-black {
+a.wys-button-black {
 
     @extend .button;
     @extend .button--black;
 
+    .page__block--black & {
+        color: white;
+        &:hover {
+            color: $color-black;
+        }
+    }
+
 }
 
-.wys-button-black-small {
+a.wys-button-black-small {
 
     @extend .button;
     @extend .button--black;
     @extend .button--small;
 
+    .page__block--black & {
+        color: white;
+        &:hover {
+            color: $color-black;
+        }
+    }
+
 }
 
-.wys-button-black-xsmall {
+a.wys-button-black-xsmall {
 
     @extend .button;
     @extend .button--black;
     @extend .button--xsmall;
 
+    .page__block--black & {
+        color: white;
+        &:hover {
+            color: $color-black;
+        }
+    }
+
 }