program buttons

assets/sass/_theme/design-system/nav.sass

@@ -236,31 +236,6 @@ header[role="banner"]
         display: none
         vertical-align: middle
 
-.dropdown-share
-    position: relative
-    > button
-        @include button-icon(social)
-        color: $hero-color
-        border-color: $hero-color
-        font-size: $program-share-font-size
-        @include media-breakpoint-up(md)
-            font-size: $program-share-font-size-md
-    .dropdown-menu
-        background: $hero-color
-        padding: 0
-        position: absolute
-        width: 100%
-        bottom: 100%
-        .share
-            display: flex
-            li
-                margin: 0
-                flex: 1 1
-                text-align: center
-        a
-            display: block
-            color: invert($hero-color)
-
 
 [aria-expanded="false"] + .dropdown-menu
     display: none

assets/sass/_theme/sections/posts.sass

@@ -51,7 +51,7 @@
                             right: 0
                             top: 0
                         div:not(.media)
-                            h2,
+                            h1,
                             p,
                             a
                                 max-width: col(6, 9)

assets/sass/_theme/sections/programs.sass

@@ -92,27 +92,63 @@ ol.programs
             // > button
             //     @include media-breakpoint-down(md)
             //         width: 100%
-        .buttons
-            margin-top: $spacing1
+            
+    .dropdown-share
+        position: relative
+        > button
+            @include button-icon(social)
+            color: $hero-color
+            border-color: $hero-color
+            font-size: $program-share-font-size
+            transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
+            &:hover,
+            &:active,
+            &:focus
+                background: $main-background-color
+                color: $main-color
+            // a11y
+            &:active,
+            &:focus
+                box-shadow: 0 0 0 0.25rem rgba(white, .5)
             @include media-breakpoint-up(md)
-                bottom: 2.25rem
-                margin-top: 0
-                position: absolute
-                right: $grid-gutter
-            button, > a
+                font-size: $program-share-font-size-md
+        .dropdown-menu
+            background: $hero-color
+            padding: 0
+            position: absolute
+            width: 100%
+            bottom: 100%
+            .share
                 display: flex
-                align-items: center
-                justify-content: space-between
-                width: 100%
-            a[download]
-                @include button-icon(download)
-                color: $hero-background-color
-                background: $hero-color
-                border-color: $hero-color
-                font-size: $program-share-font-size
-                margin-top: $spacing1
-                @include media-breakpoint-up(md)
-                    font-size: $program-share-font-size-md
+                li
+                    margin: 0
+                    flex: 1 1
+                    text-align: center
+            a
+                display: block
+                color: invert($hero-color)
+    .buttons
+        margin-top: $spacing1
+        @include media-breakpoint-up(md)
+            bottom: 2.25rem
+            margin-top: 0
+            position: absolute
+            right: $grid-gutter
+        button, > a
+            display: flex
+            align-items: center
+            justify-content: space-between
+            width: 100%
+        a[download]
+            @include button-icon(download)
+            color: $hero-background-color
+            background: $hero-color
+            border-color: $hero-color
+            font-size: $program-share-font-size
+            margin-top: $spacing1
+            @include media-breakpoint-up(md)
+                font-size: $program-share-font-size-md
+
     .lead
         padding-top: $spacing2
     aside