Initial spacing model.

Closes #3437428

components/teaser/src/teaser.scss

 @use "../../../libraries/partials/partials" as *;
 
 :root {
-  --teaser-panel-padding: 16px;
-
-  @include bp-min(tablet) {
-    --teaser-panel-padding: 30px;
-  }
-
-  @include bp-min(desktop) {
-    --teaser-panel-padding: 60px;
-  }
+  --teaser-panel-padding: var(--prototype-space-60);
 }
 
 .c-teaser__title {
@@ -17,16 +9,20 @@
 }
 
 .c-teaser__media {
-  margin-bottom: 24px;
+  margin-bottom: var(--prototype-space-36);
   overflow: hidden;
 }
 
+.c-teaser__content > * + * {
+  margin-top: var(--prototype-space-rem-8);
+}
+
 .c-teaser__body {
   @include type-scale('body', '16');
 }
 
 .c-teaser__actions {
-  margin: 24px 0 0;
+  margin-top: var(--prototype-space-rem-36);
 }
 
 .c-teaser__more-link {