improve appearance

assets/sass/_links.sass

@@ -1,11 +1,11 @@
 /* _text.sass */
 
 a
-    color: $primary
+    color: $accent-light
     text-decoration: underline
     transition: color 0.3s ease-in-out
     &:hover, &:focus
-        color: $accent
+        color: $primary
 
 #quick-links
     text-align: left
@@ -13,8 +13,10 @@ a
 #link-list
     display: flex
     gap: $spacing-unit
-    align-items: left
-    margin: $spacing-unit 0
+    align-items: center
+    flex-wrap: wrap
+    margin: 2rem 0 $spacing-unit 0
+    justify-content: center
 
 #link-list h2
     flex: none
@@ -41,3 +43,15 @@ a
     transition: background 0.3s ease-in-out
     &:hover, &:focus
         background: $accent-light
+
+a.button
+    padding: 0.3rem 0.6rem
+    margin: 0 0.2rem
+    border-radius: $border-radius
+    background: $primary-light
+    color: $darkest
+    text-decoration: none
+    font-weight: 500
+    transition: background 0.3s ease-in-out
+    &:hover, &:focus
+        background: $accent-light