diff --git a/assets/sass/_theme/_configuration.sass b/assets/sass/_theme/_configuration.sass
index 781c77db3764d5440f2664fec2c40b4611b323dd..999bd8b8ce1db09b83fb7631fd39a44efc2c19c6 100644
--- a/assets/sass/_theme/_configuration.sass
+++ b/assets/sass/_theme/_configuration.sass
@@ -275,39 +275,60 @@ $breadcrumb-icon-color: var(--color-text-alt) !default
 // Icons
 $icons: ()
 $icons: map-merge($icons, ("arrow": "\ff01"))
+$icons: map-merge($icons, ("arrow-raw": "\e93a"))
 $icons: map-merge($icons, ("arrow-first": "\e906"))
 $icons: map-merge($icons, ("arrow-last": "\e907"))
 $icons: map-merge($icons, ("arrow-left": "\ff02"))
+$icons: map-merge($icons, ("arrow-left-raw": "\e938"))
 $icons: map-merge($icons, ("arrow-next": "\e909"))
 $icons: map-merge($icons, ("arrow-previous": "\e908"))
 $icons: map-merge($icons, ("arrow-right": "\ff00"))
+$icons: map-merge($icons, ("arrow-right-raw": "\e939"))
+$icons: map-merge($icons, ("arrow-alt": "\e931"))
+$icons: map-merge($icons, ("arrow-alt-raw": "\e936"))
 $icons: map-merge($icons, ("burger": "\e902"))
 $icons: map-merge($icons, ("burger-close": "\e905"))
 $icons: map-merge($icons, ("caret": "\e904"))
+$icons: map-merge($icons, ("caret-raw": "\e940"))
+$icons: map-merge($icons, ("caret-bottom": "\e911"))
+$icons: map-merge($icons, ("caret-bottom-raw": "\e944"))
+$icons: map-merge($icons, ("caret-left": "\e912"))
+$icons: map-merge($icons, ("caret-left-raw": "\e942"))
 $icons: map-merge($icons, ("caret-top": "\e914"))
+$icons: map-merge($icons, ("caret-top-raw": "\e941"))
 $icons: map-merge($icons, ("caret-right": "\e913"))
-$icons: map-merge($icons, ("caret-left": "\e912"))
-$icons: map-merge($icons, ("caret-bottom": "\e911"))
+$icons: map-merge($icons, ("caret-right-raw": "\e943"))
 $icons: map-merge($icons, ("check": "\ff06"))
 $icons: map-merge($icons, ("check-inline": "\ff07"))
+$icons: map-merge($icons, ("check-inline-raw": "\e945"))
 $icons: map-merge($icons, ("close": "\e90e"))
 $icons: map-merge($icons, ("copy": "\ff03"))
+$icons: map-merge($icons, ("copy-raw": "\e946"))
 $icons: map-merge($icons, ("copy-inline": "\ff04"))
 $icons: map-merge($icons, ("download": "\e900"))
 $icons: map-merge($icons, ("download-inline": "\e92f"))
+$icons: map-merge($icons, ("download-raw": "\e937"))
 $icons: map-merge($icons, ("eye": "\e901"))
 $icons: map-merge($icons, ("facebook": "\e90b"))
+$icons: map-merge($icons, ("facebook-raw": "\e93e"))
 $icons: map-merge($icons, ("globe": "\ff10"))
+$icons: map-merge($icons, ("globe-raw": "\e934"))
 $icons: map-merge($icons, ("instagram": "\e90a"))
+$icons: map-merge($icons, ("instagram-raw": "\e93b"))
 $icons: map-merge($icons, ("link-blank": "\e903"))
 $icons: map-merge($icons, ("link-blank-block": "\ff05"))
+$icons: map-merge($icons, ("link-blank-raw": "\e932"))
 $icons: map-merge($icons, ("linkedin": "\e90c"))
+$icons: map-merge($icons, ("linkedin-raw": "\e93c"))
 $icons: map-merge($icons, ("list-hyphen": "\e917"))
+$icons: map-merge($icons, ("list-hyphen-raw": "\e93f"))
 $icons: map-merge($icons, ("pause": "\e90f"))
 $icons: map-merge($icons, ("play": "\e910"))
 $icons: map-merge($icons, ("search": "\e916"))
 $icons: map-merge($icons, ("search-inline": "\ee13"))
+$icons: map-merge($icons, ("search-raw": "\e933"))
 $icons: map-merge($icons, ("social": "\e915"))
+$icons: map-merge($icons, ("social-raw": "\e935"))
 $icons: map-merge($icons, ("social-inline": "\e92e"))
 $icons: map-merge($icons, ("social-facebook": "\ee01"))
 $icons: map-merge($icons, ("social-instagram": "\ee02"))
@@ -323,6 +344,7 @@ $icons: map-merge($icons, ("social-github": "\ee10"))
 $icons: map-merge($icons, ("social-email": "\ee11"))
 $icons: map-merge($icons, ("toc": "\e918"))
 $icons: map-merge($icons, ("twitter": "\e90d"))
+$icons: map-merge($icons, ("twitter-raw": "\e90d"))
 $icons: map-merge($icons, ("whatsapp": "\e919"))
 $icons: map-merge($icons, ("email": "\e920"))
 $icons: map-merge($icons, ("telegram": "\e921"))
diff --git a/assets/sass/_theme/design-system/button.sass b/assets/sass/_theme/design-system/button.sass
index bae206c7cd3f03235d86a9d88dd8e83969d4b5ae..fffdd2dbb288563a23417ef62283ca352feb4b52 100644
--- a/assets/sass/_theme/design-system/button.sass
+++ b/assets/sass/_theme/design-system/button.sass
@@ -57,18 +57,6 @@
             border-color: transparent
             color: var(--color-background)
 
-
-// TODO: check usage in journal
-.link-btn
-    @extend .button
-    @include media-breakpoint-up(desktop)
-        padding: $spacing-2
-    &[target="_blank"]:not(.icon)
-        display: flex
-        justify-content: space-between
-        align-items: center
-        @include icon-block(link-blank-block, after)
-
 @mixin link-icon($icon: false)
     @include button-reset
     line-height: $body-line-height
@@ -86,6 +74,9 @@
     @if $icon
         @include icon($icon, after)
 
+a.btn[target="_blank"]
+    @include button-icon(link-blank-raw)
+
 .dropdown-share
     position: relative
     .dropdown-menu
diff --git a/assets/sass/_theme/sections/programs.sass b/assets/sass/_theme/sections/programs.sass
index 8257c07f1ce954d12710c3a9df8340268061a643..f75f45e01a90f9309625b95af64d92e8558d2a28 100644
--- a/assets/sass/_theme/sections/programs.sass
+++ b/assets/sass/_theme/sections/programs.sass
@@ -25,10 +25,9 @@ ol.programs
         .document-content
             .lead
                 font-family: $lead-font-family
+                font-size: var(--lead-size)
                 font-weight: $lead-weight
-                line-height: $lead-line-height
-                @include media-breakpoint-up(desktop)
-                    font-size: $lead-size-desktop
+                line-height: var(--lead-line-height)
 
     ol.programs
         margin-bottom: $spacing-5
@@ -36,13 +35,11 @@ ol.programs
             line-height: 1
 
     .document-content
-        @include media-breakpoint-up(desktop)
+        .program-summary
+            margin-bottom: $spacing-6
             .lead
-                padding-bottom: $spacing-4
-            .program-heading
-                margin-bottom: $spacing-6
-                .lead
-                    margin-bottom: 0
+                margin-bottom: $spacing-3
+            
         .content
             padding-bottom: $spacing-4
             section:not(.block) > * + *
@@ -93,15 +90,7 @@ ol.programs
             section:first-of-type
                 .content
                     border-top: none
-    .program-website
-        a
-            @include icon(link-blank, after)
-                font-size: $body-size
-                margin-left: $spacing-1
-                vertical-align: baseline
-                @include media-breakpoint-up(desktop)
-                    font-size: $body-size-desktop
-                
+
     .program-table
         tr
             font-size: unset
diff --git a/layouts/partials/footer/debug.html b/layouts/partials/footer/debug.html
index 2dc6e28a593fba575c8c177d9601c8f4c75826ad..ed9ccda3fa809a7848866fb727fb1f5c00dcfcae 100644
--- a/layouts/partials/footer/debug.html
+++ b/layouts/partials/footer/debug.html
@@ -114,7 +114,6 @@
     left: 0;
     pointer-events: none;
     width: 100%;
-    mix-blend-mode: difference;
     opacity: 0.5;
     font-family: sans-serif;
     font-size: 12px;
@@ -131,7 +130,7 @@
   }
   .d-spacing > div {
     width: 100%;
-    border-bottom: 1px solid white;
+    border-bottom: 1px solid var(--color-text);;
     display: block;
     color: white;
     text-indent: 5px;
diff --git a/layouts/partials/header/hero.html b/layouts/partials/header/hero.html
index 6502a11031969532c00893dc8e088afc69943aa2..388a3a3df4564862b086aac7c8731c85728bf0de 100644
--- a/layouts/partials/header/hero.html
+++ b/layouts/partials/header/hero.html
@@ -11,6 +11,8 @@
 {{ $summary := .context.Params.summary | safeHTML }}
 {{ $subtitle_is_summary := false }}
 
+{{ $button := .button | default .context.Params.header_cta }}
+
 {{ if not $subtitle }}
   {{ if and (eq site.Params.summary.position "hero") $summary }}
     {{ $subtitle = $summary }}
@@ -38,7 +40,8 @@
         {{ else }}
           <h1>{{ partial "PrepareHTML" .title }}</h1>
         {{ end }}
-        {{ with .context.Params.header_cta }}
+
+        {{ with $button }}
           {{ if and .display .target .label }}
             <a href="{{ .target }}" class="btn">{{ .label }}</a>
           {{ end }}
diff --git a/layouts/partials/programs/essential.html b/layouts/partials/programs/essential.html
index d108b6d0f7cd135724259c432b048d941a1ee0c2..9e02eda1e47036aa0425e7b656fa043140db8bbb 100644
--- a/layouts/partials/programs/essential.html
+++ b/layouts/partials/programs/essential.html
@@ -1,7 +1,4 @@
 <div class="essential-container" id="#{{ urlize (i18n "programs.toc.essential") }}">
-  {{- if and (eq site.Params.summary.position "hero") .Params.website_url -}}
-    {{- partial "programs/website.html" . -}}
-  {{- end -}}
   <div class="container">
     {{ $parent := .Params.parent }}
     {{- with .Params.diplomas -}}
diff --git a/layouts/partials/programs/hero-single.html b/layouts/partials/programs/hero-single.html
index 96357ec373647c0e43568e650525330e607e3b04..eb7dd28515f74043a151f17f10a099eaea83707c 100644
--- a/layouts/partials/programs/hero-single.html
+++ b/layouts/partials/programs/hero-single.html
@@ -1,7 +1,17 @@
 {{- $title := or .Params.header_text .Title -}}
+{{- $button := false -}}
+{{- if and (eq site.Params.summary.position "hero") .Params.website_url -}}
+  {{ $button = (dict 
+    "display" true
+    "target" .Params.website_url
+    "label" (i18n "programs.website")
+  ) }}
+{{- end -}}
+
 {{ partial "header/hero.html"
       (dict
         "title" $title
         "context" .
+        "button" $button
         "hero_complement" "programs/essential.html"
       )}}
diff --git a/layouts/partials/programs/summary.html b/layouts/partials/programs/summary.html
index a878d3648930cbbe89812b2cb031a5306529c70e..d5dec153c5ee5107a5d8c8bf83c9b67c80c8dea9 100644
--- a/layouts/partials/programs/summary.html
+++ b/layouts/partials/programs/summary.html
@@ -1,12 +1,11 @@
-{{- $has_website := .context.Params.website_url -}}
-
-{{- if eq site.Params.summary.position "content" -}}
-  {{- if and $has_website -}}
-    <div class="program-heading">
-  {{- end -}}
-  {{- partial "commons/summary-in-content.html" . -}}
-  {{- if $has_website -}}
-      {{- partial "programs/website.html" . -}}
-    </div>
-  {{- end -}}
-{{- end -}}
\ No newline at end of file
+{{ $summary := .summary | default (.context.Params.summary | safeHTML) }}
+{{ if and (eq site.Params.summary.position "content") $summary }}
+  <div class="container program-summary">
+    <p class="lead" role="heading" aria-level="2">
+      {{ $summary }}
+    </p>
+    {{ if .context.Params.website_url }}
+      <a href="{{- .context.Params.website_url -}}" target="_blank" class="btn">{{ i18n "programs.website" }}</a>
+    {{ end }}
+  </div>
+{{ end }}
diff --git a/static/assets/fonts/fonticons/IconFont.ttf b/static/assets/fonts/fonticons/IconFont.ttf
index 650452b6b0509f1a439a8a7ec317436b0a56c8f0..9db0243c3b7db2c95cf174f6c6122aa31f156b21 100644
Binary files a/static/assets/fonts/fonticons/IconFont.ttf and b/static/assets/fonts/fonticons/IconFont.ttf differ
diff --git a/static/assets/fonts/fonticons/IconFont.woff b/static/assets/fonts/fonticons/IconFont.woff
index 43bf09ec3bdb53bede37a91a8b553a0682c6232d..3803db73637ce37756dc81f5b5c3bdcc5b7d4685 100644
Binary files a/static/assets/fonts/fonticons/IconFont.woff and b/static/assets/fonts/fonticons/IconFont.woff differ
diff --git a/static/assets/fonts/fonticons/IconFont.woff2 b/static/assets/fonts/fonticons/IconFont.woff2
index b068507042fbf5f24819392520ca94b96453c663..95f9347c48c39145ff8c6ba9efc9e5741f41b741 100644
Binary files a/static/assets/fonts/fonticons/IconFont.woff2 and b/static/assets/fonts/fonticons/IconFont.woff2 differ