Add fortyfour

docs/_sass/patreon.sass

@@ -1,25 +1,32 @@
 .bd-banner
-  align-items: center
-  display: flex
-  justify-content: center
+  border-radius: $radius-large
+  display: block
   overflow: hidden
-  padding: 1rem
+  margin-top: 1.5rem
+  padding: 1.5rem
   position: relative
+  text-align: center
+  transition-duration: $speed
+  transition-property: border-color, color
   strong
     color: currentColor
   .tag
-    margin-right: 0.5em
+    margin-bottom: 0.25em
   &.is-patreon
     background-color: $patreon-blue
     color: $white
   &.is-fortyfour
-    background-color: $fortyfour
-    color: $white
+    background-color: $white
+    border: 2px solid $background
   .button
     transform-origin: center
     transition-duration: $speed
     transition-property: transform
   &:hover
+    border-color: $link
+    color: $link
+    .bd-banner-title
+      color: currentColor
     .button
       transform: scale(1.1)
 
@@ -30,11 +37,27 @@
   background-size: cover
   opacity: 0.5
 
-.bd-banner-text
+.bd-banner-title
+  color: $text-strong
+  font-size: 1.25em
+  font-weight: $weight-semibold
   line-height: 1.25
-  margin-right: 0.5rem
+  margin-bottom: 0.25em
+
+.bd-banner-text
+  font-size: 0.875em
+  line-height: 1.25
+  padding: 0 0.5em
   position: relative
 
+.bd-banner-image
+  height: 176px
+  margin-bottom: 1rem
+  margin-top: 1rem
+  img
+    display: inline-block
+    vertical-align: top
+
 .bd-banner-button
   display: inline-block
   flex-shrink: 0
@@ -46,7 +69,3 @@
 
 .hero.bd-is-patreon
   background-color: $patreon
-
-+from(480px)
-  .bd-banner-text
-    margin-right: 1rem