Implemented ct-typography into starshot components.

I've reviewed the designs as of 2nd September 2024 and grouped any identical fonts (there were only two) into generic heading / button typography. The remainder have been given a custom typography name.

The line heights are slightly different to the design - I have rounded them to the nearest even number.

starshot_demo/components/01-atoms/starshot-button/starshot-button.scss

@@ -3,16 +3,13 @@
   z-index: 1;
 
   a {
-    background-color: #12285F;
+    @include ct-typography('starshot-button');
+
+    background-color: #12285f;
     padding: 24px 30px;
     color: white;
     text-decoration: none;
     border-radius: 6px;
-    font-family: "Noto Sans";
-    font-size: 16px;
-    font-style: normal;
-    font-weight: 600;
-    line-height: normal;
     display: inline-block;
     position: relative;
 
@@ -21,7 +18,7 @@
       position: absolute;
       width: 100%;
       height: 100%;
-      border: 3px solid #12285F;
+      border: 3px solid #12285f;
       top: 6px;
       left: -6px;
       border-radius: 6px;
@@ -30,11 +27,11 @@
 
     &:hover,
     &:focus {
-      background-color: #FFF;
-      color: #12285F;
+      background-color: #fff;
+      color: #12285f;
 
       &::before {
-        border: 3px solid #FFF;
+        border: 3px solid #fff;
       }
     }
   }