Update to bikkelhart/internet-nl@7d30973

    git remote add bikkelhart git@github.com:bikkelhart/internet-nl.git
    git fetch bikkelhart
    git checkout --no-overlay bikkelhart/bikkelhart-redesign -- frontend interface/templates interface/static translations
    git reset HEAD frontend/js/{functions.js,headroom.js} frontend/css/print.css interface/static/question@internet.nl_0x45028563.asc interface/templates/base-probe.html
    git restore frontend/js/{functions.js,headroom.js} frontend/css/print.css interface/static/question@internet.nl_0x45028563.asc interface/templates/base-probe.html
    sed -i "22i\  <script type=\"text/javascript\" src=\"{% static 'js/headroom-min.js' %}\"></script>" interface/templates/base.html
    sed -i 's@Score laden voor:@{% include "string.html" with name="base_probe_score_loading_newstring" %}@' interface/templates/base-probe.html
    git add interface/templates/base*.html
    git rev-parse bikkelhart/bikkelhart-redesign

Author: bwbroersma

frontend/css/about-section.css

@@ -33,7 +33,16 @@
       font: var(--section-button-l);
       justify-self: center;
       margin-top: 48px;
-      border-bottom: 1px solid currentcolor;
+      padding-bottom: 10px;
+      background-image: linear-gradient(currentColor, currentColor);
+      background-position: 0 85%;
+      background-repeat: no-repeat;
+      background-size: 100% 2px; 
+      transition: background-position 0.3s;
+
+      &:hover {
+        background-position: 0 100%;
+      }
 
       &::after {
         mask-image: url("/static/icons/arrow-right.svg");
@@ -102,8 +111,8 @@
 
 .quote-section {
   .container {
-    padding-block: 88px;
-    gap: 40px;
+    padding-block: 44px;
+    row-gap: 40px;
 
     @media (width >= 900px) {
       align-items: center;