diff --git a/components/ContentRenderer/ContentRenderer.module.scss b/components/ContentRenderer/ContentRenderer.module.scss
index 03b5204d4..a13e2630d 100644
--- 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 */