diff --git a/styles/components/_markup.scss b/styles/components/_markup.scss
index 89dacb1..b6c1a62 100644
--- a/styles/components/_markup.scss
+++ b/styles/components/_markup.scss
@@ -74,10 +74,26 @@ dd {
   margin: layout.$normal-gap 0 layout.$normal-gap layout.$large-gap;
 }
 
-a {
+:any-link,
+a[href] {
   color: colors.$main-text;
 
   &:hover {
     color: colors.$blue-800;
   }
 }
+
+.cta-link {
+  display: block;
+  margin: 0 auto;
+  padding: 0 layout.$normal-gap;
+  max-width: layout.$narrow-content-width;
+  text-align: center;
+  text-decoration: none;
+  line-height: 3rem;
+  border: 1px solid colors.$main-text;
+
+  &:hover {
+    border-color: colors.$blue-800;
+  }
+}
diff --git a/styles/components/_page.scss b/styles/components/_page.scss
index 84d8f14..3e741ee 100644
--- a/styles/components/_page.scss
+++ b/styles/components/_page.scss
@@ -12,6 +12,23 @@
     h2:after {
       background-color: colors.$gray-50;
     }
+
+    :any-link,
+    a[href] {
+      color: colors.$gray-300;
+
+      &:hover {
+        color: colors.$yellow-500;
+      }
+    }
+
+    .cta-link {
+      border-color: colors.$gray-300;
+
+      &:hover {
+        border-color: colors.$yellow-500;
+      }
+    }
   }
 
   &.footer {
diff --git a/styles/components/_site.scss b/styles/components/_site.scss
index db398b0..35dd18a 100644
--- a/styles/components/_site.scss
+++ b/styles/components/_site.scss
@@ -3,14 +3,14 @@
 @use '../lib/typography';
 
 @mixin header-item {
-  padding: 0 layout.$normal-gap;
-  line-height: 3rem;
+  padding: 0 layout.$large-gap;
+  line-height: 4rem;
 }
 
 // The site logo text. More specific styles for this element are also present
 // underneath .site-header.
 .site-logo {
-  margin: 0 layout.$normal-gap;
+  margin: 0 layout.$large-gap;
   text-transform: lowercase;
 }
 
@@ -22,6 +22,10 @@
     > ul {
       display: flex;
       margin-bottom: 0;
+
+      > li {
+        margin: 0;
+      }
     }
 
     a {
@@ -121,4 +125,8 @@
   flex-wrap: wrap;
   justify-content: space-between;
   gap: layout.$normal-gap;
+
+  .site-navigation a {
+    text-align: right;
+  }
 }