diff --git a/app/assets/stylesheets/in_favor_against.scss b/app/assets/stylesheets/in_favor_against.scss
index ecc5944ff..03accb68e 100644
--- a/app/assets/stylesheets/in_favor_against.scss
+++ b/app/assets/stylesheets/in_favor_against.scss
@@ -22,41 +22,30 @@
     line-height: rem-calc(30);
     padding: rem-calc(3) rem-calc(6) rem-calc(6);
     position: relative;
+  }
+
+  @mixin like-unlike-icon($icon, $pressed-color) {
+    @include has-fa-icon($icon, solid);
 
     &:not([disabled]) {
+      cursor: pointer;
+
       &:hover,
       &:active,
       &[aria-pressed=true] {
+        background: $pressed-color;
+        border-color: $pressed-color;
         color: #fff;
-        cursor: pointer;
       }
     }
   }
 
   .in-favor button {
-    @include has-fa-icon(thumbs-up, solid);
-
-    &:not([disabled]) {
-      &:hover,
-      &:active,
-      &[aria-pressed=true] {
-        background: $like;
-        border-color: $like;
-      }
-    }
+    @include like-unlike-icon(thumbs-up, $like);
   }
 
   .against button {
-    @include has-fa-icon(thumbs-down, solid);
-
-    &:not([disabled]) {
-      &:hover,
-      &:active,
-      &[aria-pressed=true] {
-        background: $unlike;
-        border-color: $unlike;
-      }
-    }
+    @include like-unlike-icon(thumbs-down, $unlike);
   }
 
   .percentage {
diff --git a/app/assets/stylesheets/layout.scss b/app/assets/stylesheets/layout.scss
index fc211c76a..ab5874c24 100644
--- a/app/assets/stylesheets/layout.scss
+++ b/app/assets/stylesheets/layout.scss
@@ -1707,22 +1707,21 @@ table {
     }
   }
 
-  .in-favor button {
-    @include has-fa-icon(thumbs-up, solid);
+  @mixin like-unlike-icon($icon, $pressed-color) {
+    @include has-fa-icon($icon, solid);
 
     &:hover,
     &[aria-pressed=true] {
-      color: $like;
+      color: $pressed-color;
     }
   }
 
-  .against button {
-    @include has-fa-icon(thumbs-down, solid);
+  .in-favor button {
+    @include like-unlike-icon(thumbs-up, $like);
+  }
 
-    &:hover,
-    &[aria-pressed=true] {
-      color: $unlike;
-    }
+  .against button {
+    @include like-unlike-icon(thumbs-down, $unlike);
   }
 }