Extracted button into mixin and applied in callouts and pagination

Author: djanelle-mit

app/assets/stylesheets/application.css.scss

@@ -6,6 +6,7 @@
 @import "partials/_variables";
 @import "partials/_typography";
 @import "partials/_alerts";
+@import "partials/_buttons";
 @import "partials/_effects";
 @import "partials/_filters";
 @import "partials/_global_alerts";

app/assets/stylesheets/partials/_buttons.scss

@@ -0,0 +1,13 @@
+  @mixin buttonSecondary {
+    border: 1px solid $color-blue-500;
+    border-radius: 0;
+    display: inline-block;
+    padding: 6px 12px;
+    text-decoration: none;
+    font-size: 1.6rem;
+    font-weight: $fw-medium;
+
+    &:hover {
+      background-color: $color-blue-25;
+    }
+  }

app/assets/stylesheets/partials/_pagination.scss

@@ -28,17 +28,7 @@
   }
 
   a {
-    border: 1px solid $color-blue-500;
-    border-radius: 0;
-    display: inline-block;
-    padding: 6px 12px;
-    text-decoration: none;
-    font-size: 1.6rem;
-    font-weight: $fw-medium;
-
-    &:hover {
-      background-color: $color-blue-25;
-    }
+    @include buttonSecondary;
   }
 
   .first a, .first span {

app/assets/stylesheets/partials/_results.scss

@@ -207,6 +207,10 @@
     p {
       line-height: 1.4;
     }
+
+    a {
+      @include buttonSecondary;
+    }
   }
 
   @media (max-width: $bp-screen-md) {