Link chevrons, buttons, summaries

backdrop-contrib · Oct 6, 2024 · a60c8c1 · a60c8c1
1 parent bb8d785
commit a60c8c1
Show file tree

Hide file tree

Showing 3 changed files with 101 additions and 5 deletions.
diff --git a/css/main.css b/css/main.css
@@ -2994,6 +2994,29 @@ table thead + tbody{
   background-size: 12px;
 }
 
+.double-chevron{
+  position: relative;
+  top: 1rem;
+  margin: 0;
+  margin-right: 1rem;
+  display: inline-block;
+  height: 2rem;
+  width: 1rem;
+  --tw-bg-opacity: 1;
+  background-color: rgb(46 45 41 / var(--tw-bg-opacity));
+  padding: 1rem;
+  vertical-align: baseline;
+  content: 'x';
+  -webkit-mask-size: contain;
+          mask-size: contain;
+  -webkit-mask-position: bottom center;
+          mask-position: bottom center;
+  -webkit-mask-repeat: no-repeat;
+          mask-repeat: no-repeat;
+  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOCAxOSIgZmlsbD0ibm9uZSIKICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOS4yNjM2MSAxNC42MzY0QzguOTEyMTQgMTQuMjg0OSA4LjkxMjE0IDEzLjcxNTEgOS4yNjM2MSAxMy4zNjM2TDEzLjEyNzIgOS41MDAwMUw5LjI2MzYxIDUuNjM2NEM4LjkxMjE0IDUuMjg0OTMgOC45MTIxNCA0LjcxNTA4IDkuMjYzNjEgNC4zNjM2MUM5LjYxNTA4IDQuMDEyMTQgMTAuMTg0OSA0LjAxMjE0IDEwLjUzNjQgNC4zNjM2MUwxNS4wMzY0IDguODYzNjFDMTUuMzg3OSA5LjIxNTA4IDE1LjM4NzkgOS43ODQ5MyAxNS4wMzY0IDEwLjEzNjRMMTAuNTM2NCAxNC42MzY0QzEwLjE4NDkgMTQuOTg3OSA5LjYxNTA4IDE0Ljk4NzkgOS4yNjM2MSAxNC42MzY0WiIgZmlsbD0iY3VycmVudENvbG9yIi8+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjg2MzYxIDE0LjYzNjRDMy41MTIxNCAxNC4yODQ5IDMuNTEyMTQgMTMuNzE1MSAzLjg2MzYxIDEzLjM2MzZMNy43MjcyMSA5LjUwMDAxTDMuODYzNjEgNS42MzY0QzMuNTEyMTQgNS4yODQ5MyAzLjUxMjE0IDQuNzE1MDggMy44NjM2MSA0LjM2MzYxQzQuMjE1MDggNC4wMTIxNCA0Ljc4NDkzIDQuMDEyMTQgNS4xMzY0IDQuMzYzNjFMOS42MzY0IDguODYzNjFDOS45ODc4NyA5LjIxNTA4IDkuOTg3ODcgOS43ODQ5MyA5LjYzNjQgMTAuMTM2NEw1LjEzNjQgMTQuNjM2NEM0Ljc4NDkzIDE0Ljk4NzkgNC4yMTUwOCAxNC45ODc5IDMuODYzNjEgMTQuNjM2NFoiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4K");
+          mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOCAxOSIgZmlsbD0ibm9uZSIKICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOS4yNjM2MSAxNC42MzY0QzguOTEyMTQgMTQuMjg0OSA4LjkxMjE0IDEzLjcxNTEgOS4yNjM2MSAxMy4zNjM2TDEzLjEyNzIgOS41MDAwMUw5LjI2MzYxIDUuNjM2NEM4LjkxMjE0IDUuMjg0OTMgOC45MTIxNCA0LjcxNTA4IDkuMjYzNjEgNC4zNjM2MUM5LjYxNTA4IDQuMDEyMTQgMTAuMTg0OSA0LjAxMjE0IDEwLjUzNjQgNC4zNjM2MUwxNS4wMzY0IDguODYzNjFDMTUuMzg3OSA5LjIxNTA4IDE1LjM4NzkgOS43ODQ5MyAxNS4wMzY0IDEwLjEzNjRMMTAuNTM2NCAxNC42MzY0QzEwLjE4NDkgMTQuOTg3OSA5LjYxNTA4IDE0Ljk4NzkgOS4yNjM2MSAxNC42MzY0WiIgZmlsbD0iY3VycmVudENvbG9yIi8+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjg2MzYxIDE0LjYzNjRDMy41MTIxNCAxNC4yODQ5IDMuNTEyMTQgMTMuNzE1MSAzLjg2MzYxIDEzLjM2MzZMNy43MjcyMSA5LjUwMDAxTDMuODYzNjEgNS42MzY0QzMuNTEyMTQgNS4yODQ5MyAzLjUxMjE0IDQuNzE1MDggMy44NjM2MSA0LjM2MzYxQzQuMjE1MDggNC4wMTIxNCA0Ljc4NDkzIDQuMDEyMTQgNS4xMzY0IDQuMzYzNjFMOS42MzY0IDguODYzNjFDOS45ODc4NyA5LjIxNTA4IDkuOTg3ODcgOS43ODQ5MyA5LjYzNjQgMTAuMTM2NEw1LjEzNjQgMTQuNjM2NEM0Ljc4NDkzIDE0Ljk4NzkgNC4yMTUwOCAxNC45ODc5IDMuODYzNjEgMTQuNjM2NFoiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4K");
+}
+
 span.ext {
   background: none;
 }
@@ -4878,10 +4901,12 @@ ul.primary li.active a,
 
 /* Form elements */
 
+.button-primary,
 .button, a.button, .field-name-body a.button,
 .cta, a.cta, .cta-btn, a.cta-btn, .field-name-body a.cta-btn,
 .cta-button, a.cta-button, .field-name-body a.cta-button,
 .btn, a.btn, .l-footer a.btn, .field-name-body a.btn{
+  margin-top: 1rem;
   margin-bottom: 1rem;
   display: block;
   width: -moz-fit-content;
@@ -4897,13 +4922,15 @@ ul.primary li.active a,
   text-decoration-line: none;
 }
 
+.button-primary:hover,
 .button:hover, a.button:hover, .field-name-body a.button:hover,
 .cta:hover, a.cta:hover, .cta-btn:hover, a.cta-btn:hover, .field-name-body a.cta-btn:hover,
 .cta-button:hover, a.cta-button:hover, .field-name-body a.cta-button:hover,
 .btn:hover, a.btn:hover, .l-footer a.btn:hover, .field-name-body a.btn:hover{
   text-decoration-line: underline;
 }
 
+.button-primary:focus,
 .button:focus, a.button:focus, .field-name-body a.button:focus,
 .cta:focus, a.cta:focus, .cta-btn:focus, a.cta-btn:focus, .field-name-body a.cta-btn:focus,
 .cta-button:focus, a.cta-button:focus, .field-name-body a.cta-button:focus,
@@ -4912,14 +4939,16 @@ ul.primary li.active a,
 }
 
 @media (min-width: 768px){
-  .button, a.button, .field-name-body a.button,
+  .button-primary,
+.button, a.button, .field-name-body a.button,
 .cta, a.cta, .cta-btn, a.cta-btn, .field-name-body a.cta-btn,
 .cta-button, a.cta-button, .field-name-body a.cta-button,
 .btn, a.btn, .l-footer a.btn, .field-name-body a.btn{
     font-size: 2rem;
   }
 }
 
+.button-primary,
 .button, a.button, .field-name-body a.button,
 .cta, a.cta, .cta-btn, a.cta-btn, .field-name-body a.cta-btn,
 .cta-button, a.cta-button, .field-name-body a.cta-button,
@@ -4933,6 +4962,7 @@ ul.primary li.active a,
   transition-duration: 250ms;
 }
 
+.button-primary:hover,
 .button:hover, a.button:hover, .field-name-body a.button:hover,
 .cta:hover, a.cta:hover, .cta-btn:hover, a.cta-btn:hover, .field-name-body a.cta-btn:hover,
 .cta-button:hover, a.cta-button:hover, .field-name-body a.cta-button:hover,
@@ -4941,6 +4971,7 @@ ul.primary li.active a,
   background-color: rgb(130 0 0 / var(--tw-bg-opacity));
 }
 
+.button-primary:focus,
 .button:focus, a.button:focus, .field-name-body a.button:focus,
 .cta:focus, a.cta:focus, .cta-btn:focus, a.cta-btn:focus, .field-name-body a.cta-btn:focus,
 .cta-button:focus, a.cta-button:focus, .field-name-body a.cta-button:focus,
@@ -4949,6 +4980,7 @@ ul.primary li.active a,
   background-color: rgb(0 0 0 / var(--tw-bg-opacity));
 }
 
+.button-primary:active,
 .button:active, a.button:active, .field-name-body a.button:active,
 .cta:active, a.cta:active, .cta-btn:active, a.cta-btn:active, .field-name-body a.cta-btn:active,
 .cta-button:active, a.cta-button:active, .field-name-body a.cta-button:active,
@@ -4957,6 +4989,7 @@ ul.primary li.active a,
   background-color: rgb(0 0 0 / var(--tw-bg-opacity));
 }
 
+.button-primary:hover,
 .button:hover, a.button:hover, .field-name-body a.button:hover,
 .cta:hover, a.cta:hover, .cta-btn:hover, a.cta-btn:hover, .field-name-body a.cta-btn:hover,
 .cta-button:hover, a.cta-button:hover, .field-name-body a.cta-button:hover,
@@ -4965,6 +4998,7 @@ ul.primary li.active a,
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
+.button-primary:focus,
 .button:focus, a.button:focus, .field-name-body a.button:focus,
 .cta:focus, a.cta:focus, .cta-btn:focus, a.cta-btn:focus, .field-name-body a.cta-btn:focus,
 .cta-button:focus, a.cta-button:focus, .field-name-body a.cta-button:focus,
@@ -4973,7 +5007,7 @@ ul.primary li.active a,
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
-.button svg, a.button svg, .field-name-body a.button svg, .cta svg, a.cta svg, .cta-btn svg, a.cta-btn svg, .field-name-body a.cta-btn svg, .cta-button svg, a.cta-button svg, .field-name-body a.cta-button svg, .btn svg, a.btn svg, .l-footer a.btn svg, .field-name-body a.btn svg{
+.button-primary svg, .button svg, a.button svg, .field-name-body a.button svg, .cta svg, a.cta svg, .cta-btn svg, a.cta-btn svg, .field-name-body a.cta-btn svg, .cta-button svg, a.cta-button svg, .field-name-body a.cta-button svg, .btn svg, a.btn svg, .l-footer a.btn svg, .field-name-body a.btn svg{
   margin-left: 0.5rem;
   margin-top: -0.2rem;
   display: inline-block;
@@ -5100,6 +5134,10 @@ fieldset .fieldset-wrapper{
   padding: 2rem;
 }
 
+fieldset .summary{
+  padding-left: 1rem;
+}
+
 .js fieldset.collapsible{
   position: relative;
   backface-visibility: hidden;
@@ -5146,6 +5184,10 @@ fieldset .fieldset-wrapper{
   color: rgb(177 4 14 / var(--tw-text-opacity));
 }
 
+.su-intro-text, .summary {
+  font-size: 2.5rem;
+}
+
 /* Grids and cards */
 
 .view-content .views-row{
@@ -5981,6 +6023,7 @@ fieldset .fieldset-wrapper{
 }
 
 .paragraphs-item-aplenty-card .content .btn-primary, a.paragraphs-item-aplenty-card .content .btn-primary, .field-name-body a.paragraphs-item-aplenty-card .content .btn-primary, .view-mode-card .btn-primary, a .view-mode-card .btn-primary, .field-name-body a .view-mode-card .btn-primary, .postcard-left .btn-primary, a .postcard-left .btn-primary, .field-name-body a .postcard-left .btn-primary{
+  margin-top: 1rem;
   margin-bottom: 1rem;
   display: block;
   width: -moz-fit-content;
@@ -7783,6 +7826,29 @@ fieldset .fieldset-wrapper{
   font-style: italic;
 }
 
+a.cta::after, a.primary::after, .link--cta-primary::after, .cta-link::after{
+  position: relative;
+  top: 1rem;
+  margin: 0;
+  margin-right: 1rem;
+  display: inline-block;
+  height: 2rem;
+  width: 1rem;
+  --tw-bg-opacity: 1;
+  background-color: rgb(46 45 41 / var(--tw-bg-opacity));
+  padding: 1rem;
+  vertical-align: baseline;
+  content: 'x';
+  -webkit-mask-size: contain;
+          mask-size: contain;
+  -webkit-mask-position: bottom center;
+          mask-position: bottom center;
+  -webkit-mask-repeat: no-repeat;
+          mask-repeat: no-repeat;
+  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOCAxOSIgZmlsbD0ibm9uZSIKICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOS4yNjM2MSAxNC42MzY0QzguOTEyMTQgMTQuMjg0OSA4LjkxMjE0IDEzLjcxNTEgOS4yNjM2MSAxMy4zNjM2TDEzLjEyNzIgOS41MDAwMUw5LjI2MzYxIDUuNjM2NEM4LjkxMjE0IDUuMjg0OTMgOC45MTIxNCA0LjcxNTA4IDkuMjYzNjEgNC4zNjM2MUM5LjYxNTA4IDQuMDEyMTQgMTAuMTg0OSA0LjAxMjE0IDEwLjUzNjQgNC4zNjM2MUwxNS4wMzY0IDguODYzNjFDMTUuMzg3OSA5LjIxNTA4IDE1LjM4NzkgOS43ODQ5MyAxNS4wMzY0IDEwLjEzNjRMMTAuNTM2NCAxNC42MzY0QzEwLjE4NDkgMTQuOTg3OSA5LjYxNTA4IDE0Ljk4NzkgOS4yNjM2MSAxNC42MzY0WiIgZmlsbD0iY3VycmVudENvbG9yIi8+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjg2MzYxIDE0LjYzNjRDMy41MTIxNCAxNC4yODQ5IDMuNTEyMTQgMTMuNzE1MSAzLjg2MzYxIDEzLjM2MzZMNy43MjcyMSA5LjUwMDAxTDMuODYzNjEgNS42MzY0QzMuNTEyMTQgNS4yODQ5MyAzLjUxMjE0IDQuNzE1MDggMy44NjM2MSA0LjM2MzYxQzQuMjE1MDggNC4wMTIxNCA0Ljc4NDkzIDQuMDEyMTQgNS4xMzY0IDQuMzYzNjFMOS42MzY0IDguODYzNjFDOS45ODc4NyA5LjIxNTA4IDkuOTg3ODcgOS43ODQ5MyA5LjYzNjQgMTAuMTM2NEw1LjEzNjQgMTQuNjM2NEM0Ljc4NDkzIDE0Ljk4NzkgNC4yMTUwOCAxNC45ODc5IDMuODYzNjEgMTQuNjM2NFoiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4K");
+          mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOCAxOSIgZmlsbD0ibm9uZSIKICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOS4yNjM2MSAxNC42MzY0QzguOTEyMTQgMTQuMjg0OSA4LjkxMjE0IDEzLjcxNTEgOS4yNjM2MSAxMy4zNjM2TDEzLjEyNzIgOS41MDAwMUw5LjI2MzYxIDUuNjM2NEM4LjkxMjE0IDUuMjg0OTMgOC45MTIxNCA0LjcxNTA4IDkuMjYzNjEgNC4zNjM2MUM5LjYxNTA4IDQuMDEyMTQgMTAuMTg0OSA0LjAxMjE0IDEwLjUzNjQgNC4zNjM2MUwxNS4wMzY0IDguODYzNjFDMTUuMzg3OSA5LjIxNTA4IDE1LjM4NzkgOS43ODQ5MyAxNS4wMzY0IDEwLjEzNjRMMTAuNTM2NCAxNC42MzY0QzEwLjE4NDkgMTQuOTg3OSA5LjYxNTA4IDE0Ljk4NzkgOS4yNjM2MSAxNC42MzY0WiIgZmlsbD0iY3VycmVudENvbG9yIi8+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjg2MzYxIDE0LjYzNjRDMy41MTIxNCAxNC4yODQ5IDMuNTEyMTQgMTMuNzE1MSAzLjg2MzYxIDEzLjM2MzZMNy43MjcyMSA5LjUwMDAxTDMuODYzNjEgNS42MzY0QzMuNTEyMTQgNS4yODQ5MyAzLjUxMjE0IDQuNzE1MDggMy44NjM2MSA0LjM2MzYxQzQuMjE1MDggNC4wMTIxNCA0Ljc4NDkzIDQuMDEyMTQgNS4xMzY0IDQuMzYzNjFMOS42MzY0IDguODYzNjFDOS45ODc4NyA5LjIxNTA4IDkuOTg3ODcgOS43ODQ5MyA5LjYzNjQgMTAuMTM2NEw1LjEzNjQgMTQuNjM2NEM0Ljc4NDkzIDE0Ljk4NzkgNC4yMTUwOCAxNC45ODc5IDMuODYzNjEgMTQuNjM2NFoiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4K");
+}
+
 /**
  * Marker
  */

diff --git a/css/skin.css b/css/skin.css
@@ -81,12 +81,22 @@ html body .header-identity-wrapper .logo a {
 }
 
 /* Body links */
-.l-footer a, .field-name-body a, .l-content a {
+.l-footer a,
+.field-name-body a,
+.l-content a
+{
   color: #006CB8;
 }
 .l-content a.btn, .l-content a.button {
   color: #fff;
 }
+a.cta::after,
+a.primary::after,
+.field-name-body .link--cta-primary::after,
+.field-name-body .cta-link::after
+{
+   background-color: #006CB8;
+}
 
 
 /* Title links */

diff --git a/src/main.css b/src/main.css
@@ -66,6 +66,12 @@
   background-size: 12px;
 }
 
+
+.double-chevron {
+  @apply mask-icon;
+  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOCAxOSIgZmlsbD0ibm9uZSIKICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOS4yNjM2MSAxNC42MzY0QzguOTEyMTQgMTQuMjg0OSA4LjkxMjE0IDEzLjcxNTEgOS4yNjM2MSAxMy4zNjM2TDEzLjEyNzIgOS41MDAwMUw5LjI2MzYxIDUuNjM2NEM4LjkxMjE0IDUuMjg0OTMgOC45MTIxNCA0LjcxNTA4IDkuMjYzNjEgNC4zNjM2MUM5LjYxNTA4IDQuMDEyMTQgMTAuMTg0OSA0LjAxMjE0IDEwLjUzNjQgNC4zNjM2MUwxNS4wMzY0IDguODYzNjFDMTUuMzg3OSA5LjIxNTA4IDE1LjM4NzkgOS43ODQ5MyAxNS4wMzY0IDEwLjEzNjRMMTAuNTM2NCAxNC42MzY0QzEwLjE4NDkgMTQuOTg3OSA5LjYxNTA4IDE0Ljk4NzkgOS4yNjM2MSAxNC42MzY0WiIgZmlsbD0iY3VycmVudENvbG9yIi8+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjg2MzYxIDE0LjYzNjRDMy41MTIxNCAxNC4yODQ5IDMuNTEyMTQgMTMuNzE1MSAzLjg2MzYxIDEzLjM2MzZMNy43MjcyMSA5LjUwMDAxTDMuODYzNjEgNS42MzY0QzMuNTEyMTQgNS4yODQ5MyAzLjUxMjE0IDQuNzE1MDggMy44NjM2MSA0LjM2MzYxQzQuMjE1MDggNC4wMTIxNCA0Ljc4NDkzIDQuMDEyMTQgNS4xMzY0IDQuMzYzNjFMOS42MzY0IDguODYzNjFDOS45ODc4NyA5LjIxNTA4IDkuOTg3ODcgOS43ODQ5MyA5LjYzNjQgMTAuMTM2NEw1LjEzNjQgMTQuNjM2NEM0Ljc4NDkzIDE0Ljk4NzkgNC4yMTUwOCAxNC45ODc5IDMuODYzNjEgMTQuNjM2NFoiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4K");
+}
+
 span.ext {
   background: none;
 }
@@ -98,6 +104,7 @@ a:hover span.ext,
   mask-size: contain;
 }
 
+
 .int-link:hover {
   @apply translate-x-02em;
 }
@@ -715,13 +722,13 @@ ul.primary li.active a,
 
 /* Form elements */
 
-
+.button-primary,
 .button, a.button, .field-name-body a.button,
 .cta, a.cta, .cta-btn, a.cta-btn, .field-name-body a.cta-btn,
 .cta-button, a.cta-button, .field-name-body a.cta-button,
 .btn, a.btn, .l-footer a.btn, .field-name-body a.btn
 {
-  @apply text-center block w-fit px-26 pt-10 pb-11 text-16 mb-10;
+  @apply text-center block w-fit px-26 pt-10 pb-11 text-16 my-10;
   @apply font-semibold leading-display no-underline hocus:underline md:text-20;
   @apply transition-colors bg-digital-red hover:bg-cardinal-red-dark focus:bg-black-true active:bg-black-true text-white hocus:text-white;
 
@@ -787,6 +794,9 @@ fieldset {
   .fieldset-wrapper {
     @apply p-20;
   }
+  .summary {
+    @apply pl-10;
+  }
 
   .js &.collapsible {
     @apply relative backface-hidden;
@@ -820,6 +830,10 @@ fieldset {
   }
 }
 
+.su-intro-text, .summary {
+  font-size: 2.5rem;
+}
+
 /* Grids and cards */
 
 .view-content {
@@ -1329,6 +1343,12 @@ fieldset {
   }
 }
 
+a.cta, a.primary, .link--cta-primary, .cta-link {
+  &::after {
+    @apply double-chevron;
+  }
+}
+
 /**
  * Marker
  */