[DEV-11334] Added hover color to block button

prezly · Aug 11, 2023 · c9a829a · c9a829a
1 parent ff0a072
commit c9a829a
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/components/ContentRenderer/ContentRenderer.module.scss b/components/ContentRenderer/ContentRenderer.module.scss
@@ -89,9 +89,19 @@ $avatar-size: 60px;
             background-color: var(--prezly-accent-color);
             color: $color-base-white;
 
+            &:hover,
+            &:active {
+                background-color: var(--prezly-accent-color-darkest);
+            }
+
             &--outlined {
                 background-color: $color-base-white;
                 color: $color-base-600;
+
+                &:hover {
+                    background-color: $color-base-50;
+                    border-color: $color-base-200;
+                }
             }
         }
         /* stylelint-enable selector-class-pattern, max-nesting-depth, selector-max-compound-selectors */