Add small prop config to Button

recipes/src/components/Button/index.tsx

@@ -30,6 +30,7 @@ export default function CBKButton(props: CBKButtonProps) {
     'cbk-btn--unelevated': props.unelevated,
     'cbk-btn--outlined': props.outlined,
     'cbk-btn--disabled': props.disabled,
+    'cbk-btn--small': props.small,
   })
   if (props.icon) {
     return (

recipes/src/components/Button/styles.scss

@@ -149,6 +149,12 @@ button.cbk-btn {
     }
   }
 
+  &--small {
+    line-height: 1rem;
+    font-size: 0.8rem;
+    font-weight: lighter;
+  }
+
   &:last-child {
     margin-right: 0;
   }