feat: add sizes 'regular' and 'large' to button shortcode (#135)

src/sass/_defaults.scss

@@ -9,6 +9,7 @@ $font-size-base: 16px !default;
 $font-size-12: 0.75rem !default;
 $font-size-14: 0.875rem !default;
 $font-size-16: 1rem !default;
+$font-size-20: 1.25rem !default;
 $font-size-24: 1.5rem !default;
 $font-size-32: 2rem !default;
 $font-size-64: 4rem !default;

src/sass/_shortcodes.scss

@@ -82,6 +82,8 @@
 
 // {{< button >}}
 .gdoc-button {
+  $root: &;
+
   display: inline-block;
   background: var(--accent-color-lite);
   border: $border-1 solid var(--accent-color);
@@ -93,7 +95,6 @@
     display: inline-block;
     color: inherit !important;
     text-decoration: none !important;
-    padding: $padding-4 $padding-16;
   }
 
   &:hover {
@@ -101,6 +102,22 @@
     border-color: var(--button-border-color);
     color: $gray-100;
   }
+
+  &--regular {
+    font-size: $font-size-base;
+
+    #{$root}__link {
+      padding: $padding-4 $padding-8;
+    }
+  }
+
+  &--large {
+    font-size: $font-size-20;
+
+    #{$root}__link {
+      padding: $padding-8 $padding-16;
+    }
+  }
 }
 
 // {{< hint >}}