diff --git a/spec/__snapshots__/Storyshots.test.js.snap b/spec/__snapshots__/Storyshots.test.js.snap
index fe59879e..c767d82f 100644
--- a/spec/__snapshots__/Storyshots.test.js.snap
+++ b/spec/__snapshots__/Storyshots.test.js.snap
@@ -3510,133 +3510,6 @@ exports[`Storyshots Components/Button Danger 1`] = `
       />
     </svg>
   </button>
-   
-  <button
-    className="Button btn btn-danger btn-lg"
-    disabled={false}
-    type="button"
-  >
-    <svg
-      aria-hidden="true"
-      className="svg-inline--fa fa-file-alt icon-left"
-      data-icon="file-alt"
-      data-prefix="far"
-      focusable="false"
-      role="img"
-      style={Object {}}
-      viewBox="0 0 384 512"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M288 248v28c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-28c0-6.6 5.4-12 12-12h168c6.6 0 12 5.4 12 12zm-12 72H108c-6.6 0-12 5.4-12 12v28c0 6.6 5.4 12 12 12h168c6.6 0 12-5.4 12-12v-28c0-6.6-5.4-12-12-12zm108-188.1V464c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V48C0 21.5 21.5 0 48 0h204.1C264.8 0 277 5.1 286 14.1L369.9 98c9 8.9 14.1 21.2 14.1 33.9zm-128-80V128h76.1L256 51.9zM336 464V176H232c-13.3 0-24-10.7-24-24V48H48v416h288z"
-        fill="currentColor"
-        style={Object {}}
-      />
-    </svg>
-    Delete
-    <svg
-      aria-hidden="true"
-      className="svg-inline--fa fa-caret-down icon-right"
-      data-icon="caret-down"
-      data-prefix="far"
-      focusable="false"
-      role="img"
-      style={Object {}}
-      viewBox="0 0 320 512"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M272 160H48.1c-42.6 0-64.2 51.7-33.9 81.9l111.9 112c18.7 18.7 49.1 18.7 67.9 0l112-112c30-30.1 8.7-81.9-34-81.9zM160 320L48 208h224L160 320z"
-        fill="currentColor"
-        style={Object {}}
-      />
-    </svg>
-  </button>
-   
-  <button
-    className="Button btn btn-outline-danger btn-lg"
-    disabled={false}
-    type="button"
-  >
-    <svg
-      aria-hidden="true"
-      className="svg-inline--fa fa-file-alt icon-left"
-      data-icon="file-alt"
-      data-prefix="far"
-      focusable="false"
-      role="img"
-      style={Object {}}
-      viewBox="0 0 384 512"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M288 248v28c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-28c0-6.6 5.4-12 12-12h168c6.6 0 12 5.4 12 12zm-12 72H108c-6.6 0-12 5.4-12 12v28c0 6.6 5.4 12 12 12h168c6.6 0 12-5.4 12-12v-28c0-6.6-5.4-12-12-12zm108-188.1V464c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V48C0 21.5 21.5 0 48 0h204.1C264.8 0 277 5.1 286 14.1L369.9 98c9 8.9 14.1 21.2 14.1 33.9zm-128-80V128h76.1L256 51.9zM336 464V176H232c-13.3 0-24-10.7-24-24V48H48v416h288z"
-        fill="currentColor"
-        style={Object {}}
-      />
-    </svg>
-    Delete
-    <svg
-      aria-hidden="true"
-      className="svg-inline--fa fa-caret-down icon-right"
-      data-icon="caret-down"
-      data-prefix="far"
-      focusable="false"
-      role="img"
-      style={Object {}}
-      viewBox="0 0 320 512"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M272 160H48.1c-42.6 0-64.2 51.7-33.9 81.9l111.9 112c18.7 18.7 49.1 18.7 67.9 0l112-112c30-30.1 8.7-81.9-34-81.9zM160 320L48 208h224L160 320z"
-        fill="currentColor"
-        style={Object {}}
-      />
-    </svg>
-  </button>
-   
-  <button
-    aria-disabled={true}
-    className="Button btn btn-danger btn-lg"
-    disabled={true}
-    type="button"
-  >
-    <svg
-      aria-hidden="true"
-      className="svg-inline--fa fa-file-alt icon-left"
-      data-icon="file-alt"
-      data-prefix="far"
-      focusable="false"
-      role="img"
-      style={Object {}}
-      viewBox="0 0 384 512"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M288 248v28c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-28c0-6.6 5.4-12 12-12h168c6.6 0 12 5.4 12 12zm-12 72H108c-6.6 0-12 5.4-12 12v28c0 6.6 5.4 12 12 12h168c6.6 0 12-5.4 12-12v-28c0-6.6-5.4-12-12-12zm108-188.1V464c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V48C0 21.5 21.5 0 48 0h204.1C264.8 0 277 5.1 286 14.1L369.9 98c9 8.9 14.1 21.2 14.1 33.9zm-128-80V128h76.1L256 51.9zM336 464V176H232c-13.3 0-24-10.7-24-24V48H48v416h288z"
-        fill="currentColor"
-        style={Object {}}
-      />
-    </svg>
-    Delete
-    <svg
-      aria-hidden="true"
-      className="svg-inline--fa fa-caret-down icon-right"
-      data-icon="caret-down"
-      data-prefix="far"
-      focusable="false"
-      role="img"
-      style={Object {}}
-      viewBox="0 0 320 512"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M272 160H48.1c-42.6 0-64.2 51.7-33.9 81.9l111.9 112c18.7 18.7 49.1 18.7 67.9 0l112-112c30-30.1 8.7-81.9-34-81.9zM160 320L48 208h224L160 320z"
-        fill="currentColor"
-        style={Object {}}
-      />
-    </svg>
-  </button>
 </div>
 `;
 
@@ -3657,599 +3530,156 @@ exports[`Storyshots Components/Button Link 1`] = `
   </button>
    
   <button
-    className="Button btn btn-link btn-sm"
-    disabled={false}
-    type="button"
-  >
-    <svg
-      aria-hidden="true"
-      className="svg-inline--fa fa-paper-plane icon-left"
-      data-icon="paper-plane"
-      data-prefix="far"
-      focusable="false"
-      role="img"
-      style={Object {}}
-      viewBox="0 0 512 512"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M440 6.5L24 246.4c-34.4 19.9-31.1 70.8 5.7 85.9L144 379.6V464c0 46.4 59.2 65.5 86.6 28.6l43.8-59.1 111.9 46.2c5.9 2.4 12.1 3.6 18.3 3.6 8.2 0 16.3-2.1 23.6-6.2 12.8-7.2 21.6-20 23.9-34.5l59.4-387.2c6.1-40.1-36.9-68.8-71.5-48.9zM192 464v-64.6l36.6 15.1L192 464zm212.6-28.7l-153.8-63.5L391 169.5c10.7-15.5-9.5-33.5-23.7-21.2L155.8 332.6 48 288 464 48l-59.4 387.3z"
-        fill="currentColor"
-        style={Object {}}
-      />
-    </svg>
-    Send
-  </button>
-   
-  <button
-    aria-disabled={true}
-    className="Button btn btn-link btn-sm"
-    disabled={true}
-    type="button"
-  >
-    Send
-  </button>
-</div>
-`;
-
-exports[`Storyshots Components/Button Loading 1`] = `
-<div
-  style={
-    Object {
-      "padding": "1rem",
-    }
-  }
->
-  <button
-    aria-disabled={true}
-    className="Button btn btn-primary btn-sm"
-    disabled={true}
-    type="button"
-  >
-    <svg
-      aria-hidden="true"
-      className="svg-inline--fa fa-spinner-third icon-left btn-loading-spin"
-      data-icon="spinner-third"
-      data-prefix="far"
-      focusable="false"
-      role="img"
-      style={Object {}}
-      viewBox="0 0 512 512"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M460.116 373.846l-20.823-12.022c-5.541-3.199-7.54-10.159-4.663-15.874 30.137-59.886 28.343-131.652-5.386-189.946-33.641-58.394-94.896-95.833-161.827-99.676C261.028 55.961 256 50.751 256 44.352V20.309c0-6.904 5.808-12.337 12.703-11.982 83.556 4.306 160.163 50.864 202.11 123.677 42.063 72.696 44.079 162.316 6.031 236.832-3.14 6.148-10.75 8.461-16.728 5.01z"
-        fill="currentColor"
-        style={Object {}}
-      />
-    </svg>
-    Loading...
-  </button>
-   
-  <button
-    aria-disabled={true}
-    className="Button btn btn-outline-primary btn-sm"
-    disabled={true}
-    type="button"
-  >
-    <svg
-      aria-hidden="true"
-      className="svg-inline--fa fa-spinner-third icon-left btn-loading-spin"
-      data-icon="spinner-third"
-      data-prefix="far"
-      focusable="false"
-      role="img"
-      style={Object {}}
-      viewBox="0 0 512 512"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M460.116 373.846l-20.823-12.022c-5.541-3.199-7.54-10.159-4.663-15.874 30.137-59.886 28.343-131.652-5.386-189.946-33.641-58.394-94.896-95.833-161.827-99.676C261.028 55.961 256 50.751 256 44.352V20.309c0-6.904 5.808-12.337 12.703-11.982 83.556 4.306 160.163 50.864 202.11 123.677 42.063 72.696 44.079 162.316 6.031 236.832-3.14 6.148-10.75 8.461-16.728 5.01z"
-        fill="currentColor"
-        style={Object {}}
-      />
-    </svg>
-    Loading...
-  </button>
-   
-  <button
-    aria-disabled={true}
-    className="Button btn btn-primary btn-md"
-    disabled={true}
-    type="button"
-  >
-    <svg
-      aria-hidden="true"
-      className="svg-inline--fa fa-spinner-third icon-left btn-loading-spin"
-      data-icon="spinner-third"
-      data-prefix="far"
-      focusable="false"
-      role="img"
-      style={Object {}}
-      viewBox="0 0 512 512"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M460.116 373.846l-20.823-12.022c-5.541-3.199-7.54-10.159-4.663-15.874 30.137-59.886 28.343-131.652-5.386-189.946-33.641-58.394-94.896-95.833-161.827-99.676C261.028 55.961 256 50.751 256 44.352V20.309c0-6.904 5.808-12.337 12.703-11.982 83.556 4.306 160.163 50.864 202.11 123.677 42.063 72.696 44.079 162.316 6.031 236.832-3.14 6.148-10.75 8.461-16.728 5.01z"
-        fill="currentColor"
-        style={Object {}}
-      />
-    </svg>
-    Loading...
-  </button>
-   
-  <button
-    aria-disabled={true}
-    className="Button btn btn-outline-primary btn-md"
-    disabled={true}
-    type="button"
-  >
-    <svg
-      aria-hidden="true"
-      className="svg-inline--fa fa-spinner-third icon-left btn-loading-spin"
-      data-icon="spinner-third"
-      data-prefix="far"
-      focusable="false"
-      role="img"
-      style={Object {}}
-      viewBox="0 0 512 512"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M460.116 373.846l-20.823-12.022c-5.541-3.199-7.54-10.159-4.663-15.874 30.137-59.886 28.343-131.652-5.386-189.946-33.641-58.394-94.896-95.833-161.827-99.676C261.028 55.961 256 50.751 256 44.352V20.309c0-6.904 5.808-12.337 12.703-11.982 83.556 4.306 160.163 50.864 202.11 123.677 42.063 72.696 44.079 162.316 6.031 236.832-3.14 6.148-10.75 8.461-16.728 5.01z"
-        fill="currentColor"
-        style={Object {}}
-      />
-    </svg>
-    Loading...
-  </button>
-   
-  <button
-    aria-disabled={true}
-    className="Button btn btn-primary btn-lg"
-    disabled={true}
-    type="button"
-  >
-    <svg
-      aria-hidden="true"
-      className="svg-inline--fa fa-spinner-third icon-left btn-loading-spin"
-      data-icon="spinner-third"
-      data-prefix="far"
-      focusable="false"
-      role="img"
-      style={Object {}}
-      viewBox="0 0 512 512"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M460.116 373.846l-20.823-12.022c-5.541-3.199-7.54-10.159-4.663-15.874 30.137-59.886 28.343-131.652-5.386-189.946-33.641-58.394-94.896-95.833-161.827-99.676C261.028 55.961 256 50.751 256 44.352V20.309c0-6.904 5.808-12.337 12.703-11.982 83.556 4.306 160.163 50.864 202.11 123.677 42.063 72.696 44.079 162.316 6.031 236.832-3.14 6.148-10.75 8.461-16.728 5.01z"
-        fill="currentColor"
-        style={Object {}}
-      />
-    </svg>
-    Loading...
-  </button>
-   
-  <button
-    aria-disabled={true}
-    className="Button btn btn-outline-primary btn-lg"
-    disabled={true}
-    type="button"
-  >
-    <svg
-      aria-hidden="true"
-      className="svg-inline--fa fa-spinner-third icon-left btn-loading-spin"
-      data-icon="spinner-third"
-      data-prefix="far"
-      focusable="false"
-      role="img"
-      style={Object {}}
-      viewBox="0 0 512 512"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M460.116 373.846l-20.823-12.022c-5.541-3.199-7.54-10.159-4.663-15.874 30.137-59.886 28.343-131.652-5.386-189.946-33.641-58.394-94.896-95.833-161.827-99.676C261.028 55.961 256 50.751 256 44.352V20.309c0-6.904 5.808-12.337 12.703-11.982 83.556 4.306 160.163 50.864 202.11 123.677 42.063 72.696 44.079 162.316 6.031 236.832-3.14 6.148-10.75 8.461-16.728 5.01z"
-        fill="currentColor"
-        style={Object {}}
-      />
-    </svg>
-    Loading...
-  </button>
-</div>
-`;
-
-exports[`Storyshots Components/Button Primary 1`] = `
-<div
-  style={
-    Object {
-      "padding": "1rem",
-    }
-  }
->
-  <button
-    className="Button btn btn-primary btn-sm"
-    disabled={false}
-    type="button"
-  >
-    <svg
-      aria-hidden="true"
-      className="svg-inline--fa fa-file-alt icon-left"
-      data-icon="file-alt"
-      data-prefix="far"
-      focusable="false"
-      role="img"
-      style={Object {}}
-      viewBox="0 0 384 512"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M288 248v28c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-28c0-6.6 5.4-12 12-12h168c6.6 0 12 5.4 12 12zm-12 72H108c-6.6 0-12 5.4-12 12v28c0 6.6 5.4 12 12 12h168c6.6 0 12-5.4 12-12v-28c0-6.6-5.4-12-12-12zm108-188.1V464c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V48C0 21.5 21.5 0 48 0h204.1C264.8 0 277 5.1 286 14.1L369.9 98c9 8.9 14.1 21.2 14.1 33.9zm-128-80V128h76.1L256 51.9zM336 464V176H232c-13.3 0-24-10.7-24-24V48H48v416h288z"
-        fill="currentColor"
-        style={Object {}}
-      />
-    </svg>
-    Confirm
-    <svg
-      aria-hidden="true"
-      className="svg-inline--fa fa-caret-down icon-right"
-      data-icon="caret-down"
-      data-prefix="far"
-      focusable="false"
-      role="img"
-      style={Object {}}
-      viewBox="0 0 320 512"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M272 160H48.1c-42.6 0-64.2 51.7-33.9 81.9l111.9 112c18.7 18.7 49.1 18.7 67.9 0l112-112c30-30.1 8.7-81.9-34-81.9zM160 320L48 208h224L160 320z"
-        fill="currentColor"
-        style={Object {}}
-      />
-    </svg>
-  </button>
-   
-  <button
-    className="Button btn btn-outline-primary btn-sm"
-    disabled={false}
-    type="button"
-  >
-    <svg
-      aria-hidden="true"
-      className="svg-inline--fa fa-file-alt icon-left"
-      data-icon="file-alt"
-      data-prefix="far"
-      focusable="false"
-      role="img"
-      style={Object {}}
-      viewBox="0 0 384 512"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M288 248v28c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-28c0-6.6 5.4-12 12-12h168c6.6 0 12 5.4 12 12zm-12 72H108c-6.6 0-12 5.4-12 12v28c0 6.6 5.4 12 12 12h168c6.6 0 12-5.4 12-12v-28c0-6.6-5.4-12-12-12zm108-188.1V464c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V48C0 21.5 21.5 0 48 0h204.1C264.8 0 277 5.1 286 14.1L369.9 98c9 8.9 14.1 21.2 14.1 33.9zm-128-80V128h76.1L256 51.9zM336 464V176H232c-13.3 0-24-10.7-24-24V48H48v416h288z"
-        fill="currentColor"
-        style={Object {}}
-      />
-    </svg>
-    Confirm
-    <svg
-      aria-hidden="true"
-      className="svg-inline--fa fa-caret-down icon-right"
-      data-icon="caret-down"
-      data-prefix="far"
-      focusable="false"
-      role="img"
-      style={Object {}}
-      viewBox="0 0 320 512"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M272 160H48.1c-42.6 0-64.2 51.7-33.9 81.9l111.9 112c18.7 18.7 49.1 18.7 67.9 0l112-112c30-30.1 8.7-81.9-34-81.9zM160 320L48 208h224L160 320z"
-        fill="currentColor"
-        style={Object {}}
-      />
-    </svg>
-  </button>
-   
-  <button
-    aria-disabled={true}
-    className="Button btn btn-primary btn-sm"
-    disabled={true}
-    type="button"
-  >
-    <svg
-      aria-hidden="true"
-      className="svg-inline--fa fa-file-alt icon-left"
-      data-icon="file-alt"
-      data-prefix="far"
-      focusable="false"
-      role="img"
-      style={Object {}}
-      viewBox="0 0 384 512"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M288 248v28c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-28c0-6.6 5.4-12 12-12h168c6.6 0 12 5.4 12 12zm-12 72H108c-6.6 0-12 5.4-12 12v28c0 6.6 5.4 12 12 12h168c6.6 0 12-5.4 12-12v-28c0-6.6-5.4-12-12-12zm108-188.1V464c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V48C0 21.5 21.5 0 48 0h204.1C264.8 0 277 5.1 286 14.1L369.9 98c9 8.9 14.1 21.2 14.1 33.9zm-128-80V128h76.1L256 51.9zM336 464V176H232c-13.3 0-24-10.7-24-24V48H48v416h288z"
-        fill="currentColor"
-        style={Object {}}
-      />
-    </svg>
-    Confirm
-    <svg
-      aria-hidden="true"
-      className="svg-inline--fa fa-caret-down icon-right"
-      data-icon="caret-down"
-      data-prefix="far"
-      focusable="false"
-      role="img"
-      style={Object {}}
-      viewBox="0 0 320 512"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M272 160H48.1c-42.6 0-64.2 51.7-33.9 81.9l111.9 112c18.7 18.7 49.1 18.7 67.9 0l112-112c30-30.1 8.7-81.9-34-81.9zM160 320L48 208h224L160 320z"
-        fill="currentColor"
-        style={Object {}}
-      />
-    </svg>
-  </button>
-   
-  <button
-    className="Button btn btn-primary btn-md"
-    disabled={false}
-    type="button"
-  >
-    <svg
-      aria-hidden="true"
-      className="svg-inline--fa fa-file-alt icon-left"
-      data-icon="file-alt"
-      data-prefix="far"
-      focusable="false"
-      role="img"
-      style={Object {}}
-      viewBox="0 0 384 512"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M288 248v28c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-28c0-6.6 5.4-12 12-12h168c6.6 0 12 5.4 12 12zm-12 72H108c-6.6 0-12 5.4-12 12v28c0 6.6 5.4 12 12 12h168c6.6 0 12-5.4 12-12v-28c0-6.6-5.4-12-12-12zm108-188.1V464c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V48C0 21.5 21.5 0 48 0h204.1C264.8 0 277 5.1 286 14.1L369.9 98c9 8.9 14.1 21.2 14.1 33.9zm-128-80V128h76.1L256 51.9zM336 464V176H232c-13.3 0-24-10.7-24-24V48H48v416h288z"
-        fill="currentColor"
-        style={Object {}}
-      />
-    </svg>
-    Confirm
-    <svg
-      aria-hidden="true"
-      className="svg-inline--fa fa-caret-down icon-right"
-      data-icon="caret-down"
-      data-prefix="far"
-      focusable="false"
-      role="img"
-      style={Object {}}
-      viewBox="0 0 320 512"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M272 160H48.1c-42.6 0-64.2 51.7-33.9 81.9l111.9 112c18.7 18.7 49.1 18.7 67.9 0l112-112c30-30.1 8.7-81.9-34-81.9zM160 320L48 208h224L160 320z"
-        fill="currentColor"
-        style={Object {}}
-      />
-    </svg>
-  </button>
-   
-  <button
-    className="Button btn btn-outline-primary btn-md"
+    className="Button btn btn-link btn-sm"
     disabled={false}
     type="button"
   >
     <svg
       aria-hidden="true"
-      className="svg-inline--fa fa-file-alt icon-left"
-      data-icon="file-alt"
-      data-prefix="far"
-      focusable="false"
-      role="img"
-      style={Object {}}
-      viewBox="0 0 384 512"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M288 248v28c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-28c0-6.6 5.4-12 12-12h168c6.6 0 12 5.4 12 12zm-12 72H108c-6.6 0-12 5.4-12 12v28c0 6.6 5.4 12 12 12h168c6.6 0 12-5.4 12-12v-28c0-6.6-5.4-12-12-12zm108-188.1V464c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V48C0 21.5 21.5 0 48 0h204.1C264.8 0 277 5.1 286 14.1L369.9 98c9 8.9 14.1 21.2 14.1 33.9zm-128-80V128h76.1L256 51.9zM336 464V176H232c-13.3 0-24-10.7-24-24V48H48v416h288z"
-        fill="currentColor"
-        style={Object {}}
-      />
-    </svg>
-    Confirm
-    <svg
-      aria-hidden="true"
-      className="svg-inline--fa fa-caret-down icon-right"
-      data-icon="caret-down"
+      className="svg-inline--fa fa-paper-plane icon-left"
+      data-icon="paper-plane"
       data-prefix="far"
       focusable="false"
       role="img"
       style={Object {}}
-      viewBox="0 0 320 512"
+      viewBox="0 0 512 512"
       xmlns="http://www.w3.org/2000/svg"
     >
       <path
-        d="M272 160H48.1c-42.6 0-64.2 51.7-33.9 81.9l111.9 112c18.7 18.7 49.1 18.7 67.9 0l112-112c30-30.1 8.7-81.9-34-81.9zM160 320L48 208h224L160 320z"
+        d="M440 6.5L24 246.4c-34.4 19.9-31.1 70.8 5.7 85.9L144 379.6V464c0 46.4 59.2 65.5 86.6 28.6l43.8-59.1 111.9 46.2c5.9 2.4 12.1 3.6 18.3 3.6 8.2 0 16.3-2.1 23.6-6.2 12.8-7.2 21.6-20 23.9-34.5l59.4-387.2c6.1-40.1-36.9-68.8-71.5-48.9zM192 464v-64.6l36.6 15.1L192 464zm212.6-28.7l-153.8-63.5L391 169.5c10.7-15.5-9.5-33.5-23.7-21.2L155.8 332.6 48 288 464 48l-59.4 387.3z"
         fill="currentColor"
         style={Object {}}
       />
     </svg>
+    Send
   </button>
    
   <button
     aria-disabled={true}
-    className="Button btn btn-primary btn-md"
+    className="Button btn btn-link btn-sm"
+    disabled={true}
+    type="button"
+  >
+    Send
+  </button>
+</div>
+`;
+
+exports[`Storyshots Components/Button Loading 1`] = `
+<div
+  style={
+    Object {
+      "padding": "1rem",
+    }
+  }
+>
+  <button
+    aria-disabled={true}
+    className="Button btn btn-primary btn-sm"
     disabled={true}
     type="button"
   >
     <svg
       aria-hidden="true"
-      className="svg-inline--fa fa-file-alt icon-left"
-      data-icon="file-alt"
-      data-prefix="far"
-      focusable="false"
-      role="img"
-      style={Object {}}
-      viewBox="0 0 384 512"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M288 248v28c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-28c0-6.6 5.4-12 12-12h168c6.6 0 12 5.4 12 12zm-12 72H108c-6.6 0-12 5.4-12 12v28c0 6.6 5.4 12 12 12h168c6.6 0 12-5.4 12-12v-28c0-6.6-5.4-12-12-12zm108-188.1V464c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V48C0 21.5 21.5 0 48 0h204.1C264.8 0 277 5.1 286 14.1L369.9 98c9 8.9 14.1 21.2 14.1 33.9zm-128-80V128h76.1L256 51.9zM336 464V176H232c-13.3 0-24-10.7-24-24V48H48v416h288z"
-        fill="currentColor"
-        style={Object {}}
-      />
-    </svg>
-    Confirm
-    <svg
-      aria-hidden="true"
-      className="svg-inline--fa fa-caret-down icon-right"
-      data-icon="caret-down"
+      className="svg-inline--fa fa-spinner-third icon-left btn-loading-spin"
+      data-icon="spinner-third"
       data-prefix="far"
       focusable="false"
       role="img"
       style={Object {}}
-      viewBox="0 0 320 512"
+      viewBox="0 0 512 512"
       xmlns="http://www.w3.org/2000/svg"
     >
       <path
-        d="M272 160H48.1c-42.6 0-64.2 51.7-33.9 81.9l111.9 112c18.7 18.7 49.1 18.7 67.9 0l112-112c30-30.1 8.7-81.9-34-81.9zM160 320L48 208h224L160 320z"
+        d="M460.116 373.846l-20.823-12.022c-5.541-3.199-7.54-10.159-4.663-15.874 30.137-59.886 28.343-131.652-5.386-189.946-33.641-58.394-94.896-95.833-161.827-99.676C261.028 55.961 256 50.751 256 44.352V20.309c0-6.904 5.808-12.337 12.703-11.982 83.556 4.306 160.163 50.864 202.11 123.677 42.063 72.696 44.079 162.316 6.031 236.832-3.14 6.148-10.75 8.461-16.728 5.01z"
         fill="currentColor"
         style={Object {}}
       />
     </svg>
+    Loading...
   </button>
    
   <button
-    className="Button btn btn-primary btn-lg"
-    disabled={false}
+    aria-disabled={true}
+    className="Button btn btn-outline-primary btn-sm"
+    disabled={true}
     type="button"
   >
     <svg
       aria-hidden="true"
-      className="svg-inline--fa fa-file-alt icon-left"
-      data-icon="file-alt"
-      data-prefix="far"
-      focusable="false"
-      role="img"
-      style={Object {}}
-      viewBox="0 0 384 512"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M288 248v28c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-28c0-6.6 5.4-12 12-12h168c6.6 0 12 5.4 12 12zm-12 72H108c-6.6 0-12 5.4-12 12v28c0 6.6 5.4 12 12 12h168c6.6 0 12-5.4 12-12v-28c0-6.6-5.4-12-12-12zm108-188.1V464c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V48C0 21.5 21.5 0 48 0h204.1C264.8 0 277 5.1 286 14.1L369.9 98c9 8.9 14.1 21.2 14.1 33.9zm-128-80V128h76.1L256 51.9zM336 464V176H232c-13.3 0-24-10.7-24-24V48H48v416h288z"
-        fill="currentColor"
-        style={Object {}}
-      />
-    </svg>
-    Confirm
-    <svg
-      aria-hidden="true"
-      className="svg-inline--fa fa-caret-down icon-right"
-      data-icon="caret-down"
+      className="svg-inline--fa fa-spinner-third icon-left btn-loading-spin"
+      data-icon="spinner-third"
       data-prefix="far"
       focusable="false"
       role="img"
       style={Object {}}
-      viewBox="0 0 320 512"
+      viewBox="0 0 512 512"
       xmlns="http://www.w3.org/2000/svg"
     >
       <path
-        d="M272 160H48.1c-42.6 0-64.2 51.7-33.9 81.9l111.9 112c18.7 18.7 49.1 18.7 67.9 0l112-112c30-30.1 8.7-81.9-34-81.9zM160 320L48 208h224L160 320z"
+        d="M460.116 373.846l-20.823-12.022c-5.541-3.199-7.54-10.159-4.663-15.874 30.137-59.886 28.343-131.652-5.386-189.946-33.641-58.394-94.896-95.833-161.827-99.676C261.028 55.961 256 50.751 256 44.352V20.309c0-6.904 5.808-12.337 12.703-11.982 83.556 4.306 160.163 50.864 202.11 123.677 42.063 72.696 44.079 162.316 6.031 236.832-3.14 6.148-10.75 8.461-16.728 5.01z"
         fill="currentColor"
         style={Object {}}
       />
     </svg>
+    Loading...
   </button>
    
   <button
-    className="Button btn btn-outline-primary btn-lg"
-    disabled={false}
+    aria-disabled={true}
+    className="Button btn btn-primary btn-md"
+    disabled={true}
     type="button"
   >
     <svg
       aria-hidden="true"
-      className="svg-inline--fa fa-file-alt icon-left"
-      data-icon="file-alt"
-      data-prefix="far"
-      focusable="false"
-      role="img"
-      style={Object {}}
-      viewBox="0 0 384 512"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M288 248v28c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-28c0-6.6 5.4-12 12-12h168c6.6 0 12 5.4 12 12zm-12 72H108c-6.6 0-12 5.4-12 12v28c0 6.6 5.4 12 12 12h168c6.6 0 12-5.4 12-12v-28c0-6.6-5.4-12-12-12zm108-188.1V464c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V48C0 21.5 21.5 0 48 0h204.1C264.8 0 277 5.1 286 14.1L369.9 98c9 8.9 14.1 21.2 14.1 33.9zm-128-80V128h76.1L256 51.9zM336 464V176H232c-13.3 0-24-10.7-24-24V48H48v416h288z"
-        fill="currentColor"
-        style={Object {}}
-      />
-    </svg>
-    Confirm
-    <svg
-      aria-hidden="true"
-      className="svg-inline--fa fa-caret-down icon-right"
-      data-icon="caret-down"
+      className="svg-inline--fa fa-spinner-third icon-left btn-loading-spin"
+      data-icon="spinner-third"
       data-prefix="far"
       focusable="false"
       role="img"
       style={Object {}}
-      viewBox="0 0 320 512"
+      viewBox="0 0 512 512"
       xmlns="http://www.w3.org/2000/svg"
     >
       <path
-        d="M272 160H48.1c-42.6 0-64.2 51.7-33.9 81.9l111.9 112c18.7 18.7 49.1 18.7 67.9 0l112-112c30-30.1 8.7-81.9-34-81.9zM160 320L48 208h224L160 320z"
+        d="M460.116 373.846l-20.823-12.022c-5.541-3.199-7.54-10.159-4.663-15.874 30.137-59.886 28.343-131.652-5.386-189.946-33.641-58.394-94.896-95.833-161.827-99.676C261.028 55.961 256 50.751 256 44.352V20.309c0-6.904 5.808-12.337 12.703-11.982 83.556 4.306 160.163 50.864 202.11 123.677 42.063 72.696 44.079 162.316 6.031 236.832-3.14 6.148-10.75 8.461-16.728 5.01z"
         fill="currentColor"
         style={Object {}}
       />
     </svg>
+    Loading...
   </button>
    
   <button
     aria-disabled={true}
-    className="Button btn btn-primary btn-lg"
+    className="Button btn btn-outline-primary btn-md"
     disabled={true}
     type="button"
   >
     <svg
       aria-hidden="true"
-      className="svg-inline--fa fa-file-alt icon-left"
-      data-icon="file-alt"
-      data-prefix="far"
-      focusable="false"
-      role="img"
-      style={Object {}}
-      viewBox="0 0 384 512"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M288 248v28c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-28c0-6.6 5.4-12 12-12h168c6.6 0 12 5.4 12 12zm-12 72H108c-6.6 0-12 5.4-12 12v28c0 6.6 5.4 12 12 12h168c6.6 0 12-5.4 12-12v-28c0-6.6-5.4-12-12-12zm108-188.1V464c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V48C0 21.5 21.5 0 48 0h204.1C264.8 0 277 5.1 286 14.1L369.9 98c9 8.9 14.1 21.2 14.1 33.9zm-128-80V128h76.1L256 51.9zM336 464V176H232c-13.3 0-24-10.7-24-24V48H48v416h288z"
-        fill="currentColor"
-        style={Object {}}
-      />
-    </svg>
-    Confirm
-    <svg
-      aria-hidden="true"
-      className="svg-inline--fa fa-caret-down icon-right"
-      data-icon="caret-down"
+      className="svg-inline--fa fa-spinner-third icon-left btn-loading-spin"
+      data-icon="spinner-third"
       data-prefix="far"
       focusable="false"
       role="img"
       style={Object {}}
-      viewBox="0 0 320 512"
+      viewBox="0 0 512 512"
       xmlns="http://www.w3.org/2000/svg"
     >
       <path
-        d="M272 160H48.1c-42.6 0-64.2 51.7-33.9 81.9l111.9 112c18.7 18.7 49.1 18.7 67.9 0l112-112c30-30.1 8.7-81.9-34-81.9zM160 320L48 208h224L160 320z"
+        d="M460.116 373.846l-20.823-12.022c-5.541-3.199-7.54-10.159-4.663-15.874 30.137-59.886 28.343-131.652-5.386-189.946-33.641-58.394-94.896-95.833-161.827-99.676C261.028 55.961 256 50.751 256 44.352V20.309c0-6.904 5.808-12.337 12.703-11.982 83.556 4.306 160.163 50.864 202.11 123.677 42.063 72.696 44.079 162.316 6.031 236.832-3.14 6.148-10.75 8.461-16.728 5.01z"
         fill="currentColor"
         style={Object {}}
       />
     </svg>
+    Loading...
   </button>
 </div>
 `;
 
-exports[`Storyshots Components/Button Transparent 1`] = `
+exports[`Storyshots Components/Button Primary 1`] = `
 <div
   style={
     Object {
@@ -4258,7 +3688,7 @@ exports[`Storyshots Components/Button Transparent 1`] = `
   }
 >
   <button
-    className="Button btn btn-transparent btn-sm"
+    className="Button btn btn-primary btn-sm"
     disabled={false}
     type="button"
   >
@@ -4279,7 +3709,7 @@ exports[`Storyshots Components/Button Transparent 1`] = `
         style={Object {}}
       />
     </svg>
-    Skip
+    Confirm
     <svg
       aria-hidden="true"
       className="svg-inline--fa fa-caret-down icon-right"
@@ -4300,7 +3730,7 @@ exports[`Storyshots Components/Button Transparent 1`] = `
   </button>
    
   <button
-    className="Button btn btn-outline-transparent btn-sm"
+    className="Button btn btn-outline-primary btn-sm"
     disabled={false}
     type="button"
   >
@@ -4321,7 +3751,7 @@ exports[`Storyshots Components/Button Transparent 1`] = `
         style={Object {}}
       />
     </svg>
-    Skip
+    Confirm
     <svg
       aria-hidden="true"
       className="svg-inline--fa fa-caret-down icon-right"
@@ -4343,7 +3773,7 @@ exports[`Storyshots Components/Button Transparent 1`] = `
    
   <button
     aria-disabled={true}
-    className="Button btn btn-transparent btn-sm"
+    className="Button btn btn-primary btn-sm"
     disabled={true}
     type="button"
   >
@@ -4364,7 +3794,7 @@ exports[`Storyshots Components/Button Transparent 1`] = `
         style={Object {}}
       />
     </svg>
-    Skip
+    Confirm
     <svg
       aria-hidden="true"
       className="svg-inline--fa fa-caret-down icon-right"
@@ -4385,7 +3815,7 @@ exports[`Storyshots Components/Button Transparent 1`] = `
   </button>
    
   <button
-    className="Button btn btn-transparent btn-md"
+    className="Button btn btn-primary btn-md"
     disabled={false}
     type="button"
   >
@@ -4406,7 +3836,7 @@ exports[`Storyshots Components/Button Transparent 1`] = `
         style={Object {}}
       />
     </svg>
-    Skip
+    Confirm
     <svg
       aria-hidden="true"
       className="svg-inline--fa fa-caret-down icon-right"
@@ -4427,7 +3857,7 @@ exports[`Storyshots Components/Button Transparent 1`] = `
   </button>
    
   <button
-    className="Button btn btn-outline-transparent btn-md"
+    className="Button btn btn-outline-primary btn-md"
     disabled={false}
     type="button"
   >
@@ -4448,7 +3878,7 @@ exports[`Storyshots Components/Button Transparent 1`] = `
         style={Object {}}
       />
     </svg>
-    Skip
+    Confirm
     <svg
       aria-hidden="true"
       className="svg-inline--fa fa-caret-down icon-right"
@@ -4470,7 +3900,7 @@ exports[`Storyshots Components/Button Transparent 1`] = `
    
   <button
     aria-disabled={true}
-    className="Button btn btn-transparent btn-md"
+    className="Button btn btn-primary btn-md"
     disabled={true}
     type="button"
   >
@@ -4491,7 +3921,7 @@ exports[`Storyshots Components/Button Transparent 1`] = `
         style={Object {}}
       />
     </svg>
-    Skip
+    Confirm
     <svg
       aria-hidden="true"
       className="svg-inline--fa fa-caret-down icon-right"
@@ -4510,9 +3940,19 @@ exports[`Storyshots Components/Button Transparent 1`] = `
       />
     </svg>
   </button>
-   
+</div>
+`;
+
+exports[`Storyshots Components/Button Transparent 1`] = `
+<div
+  style={
+    Object {
+      "padding": "1rem",
+    }
+  }
+>
   <button
-    className="Button btn btn-transparent btn-lg"
+    className="Button btn btn-transparent btn-sm"
     disabled={false}
     type="button"
   >
@@ -4554,7 +3994,7 @@ exports[`Storyshots Components/Button Transparent 1`] = `
   </button>
    
   <button
-    className="Button btn btn-outline-transparent btn-lg"
+    className="Button btn btn-outline-transparent btn-sm"
     disabled={false}
     type="button"
   >
@@ -4597,7 +4037,7 @@ exports[`Storyshots Components/Button Transparent 1`] = `
    
   <button
     aria-disabled={true}
-    className="Button btn btn-transparent btn-lg"
+    className="Button btn btn-transparent btn-sm"
     disabled={true}
     type="button"
   >
@@ -4637,19 +4077,9 @@ exports[`Storyshots Components/Button Transparent 1`] = `
       />
     </svg>
   </button>
-</div>
-`;
-
-exports[`Storyshots Components/Button Warning 1`] = `
-<div
-  style={
-    Object {
-      "padding": "1rem",
-    }
-  }
->
+   
   <button
-    className="Button btn btn-warning btn-sm"
+    className="Button btn btn-transparent btn-md"
     disabled={false}
     type="button"
   >
@@ -4670,7 +4100,7 @@ exports[`Storyshots Components/Button Warning 1`] = `
         style={Object {}}
       />
     </svg>
-    Edit
+    Skip
     <svg
       aria-hidden="true"
       className="svg-inline--fa fa-caret-down icon-right"
@@ -4691,7 +4121,7 @@ exports[`Storyshots Components/Button Warning 1`] = `
   </button>
    
   <button
-    className="Button btn btn-outline-warning btn-sm"
+    className="Button btn btn-outline-transparent btn-md"
     disabled={false}
     type="button"
   >
@@ -4712,7 +4142,7 @@ exports[`Storyshots Components/Button Warning 1`] = `
         style={Object {}}
       />
     </svg>
-    Edit
+    Skip
     <svg
       aria-hidden="true"
       className="svg-inline--fa fa-caret-down icon-right"
@@ -4734,7 +4164,7 @@ exports[`Storyshots Components/Button Warning 1`] = `
    
   <button
     aria-disabled={true}
-    className="Button btn btn-warning btn-sm"
+    className="Button btn btn-transparent btn-md"
     disabled={true}
     type="button"
   >
@@ -4755,7 +4185,7 @@ exports[`Storyshots Components/Button Warning 1`] = `
         style={Object {}}
       />
     </svg>
-    Edit
+    Skip
     <svg
       aria-hidden="true"
       className="svg-inline--fa fa-caret-down icon-right"
@@ -4774,9 +4204,19 @@ exports[`Storyshots Components/Button Warning 1`] = `
       />
     </svg>
   </button>
-   
+</div>
+`;
+
+exports[`Storyshots Components/Button Warning 1`] = `
+<div
+  style={
+    Object {
+      "padding": "1rem",
+    }
+  }
+>
   <button
-    className="Button btn btn-warning btn-md"
+    className="Button btn btn-warning btn-sm"
     disabled={false}
     type="button"
   >
@@ -4818,7 +4258,7 @@ exports[`Storyshots Components/Button Warning 1`] = `
   </button>
    
   <button
-    className="Button btn btn-outline-warning btn-md"
+    className="Button btn btn-outline-warning btn-sm"
     disabled={false}
     type="button"
   >
@@ -4861,7 +4301,7 @@ exports[`Storyshots Components/Button Warning 1`] = `
    
   <button
     aria-disabled={true}
-    className="Button btn btn-warning btn-md"
+    className="Button btn btn-warning btn-sm"
     disabled={true}
     type="button"
   >
@@ -4903,7 +4343,7 @@ exports[`Storyshots Components/Button Warning 1`] = `
   </button>
    
   <button
-    className="Button btn btn-warning btn-lg"
+    className="Button btn btn-warning btn-md"
     disabled={false}
     type="button"
   >
@@ -4945,7 +4385,7 @@ exports[`Storyshots Components/Button Warning 1`] = `
   </button>
    
   <button
-    className="Button btn btn-outline-warning btn-lg"
+    className="Button btn btn-outline-warning btn-md"
     disabled={false}
     type="button"
   >
@@ -4988,7 +4428,7 @@ exports[`Storyshots Components/Button Warning 1`] = `
    
   <button
     aria-disabled={true}
-    className="Button btn btn-warning btn-lg"
+    className="Button btn btn-warning btn-md"
     disabled={true}
     type="button"
   >
@@ -6191,7 +5631,7 @@ exports[`Storyshots Components/Form Default 1`] = `
       </label>
     </div>
     <button
-      className="Button btn btn-primary btn-md"
+      className="Button btn btn-primary"
       disabled={false}
       type="submit"
     >
@@ -8949,7 +8389,7 @@ exports[`Storyshots Components/Modal Danger Modal 1`] = `
         className="ModalFooter"
       >
         <button
-          className="Button btn btn-transparent btn-md"
+          className="Button btn btn-transparent"
           disabled={false}
           onClick={[Function]}
           type="button"
@@ -8957,7 +8397,7 @@ exports[`Storyshots Components/Modal Danger Modal 1`] = `
           Cancel
         </button>
         <button
-          className="Button btn btn-danger btn-md"
+          className="Button btn btn-danger"
           disabled={false}
           type="button"
         >
@@ -9036,7 +8476,7 @@ exports[`Storyshots Components/Modal Default 1`] = `
         className="ModalFooter"
       >
         <button
-          className="Button btn btn-transparent btn-md"
+          className="Button btn btn-transparent"
           disabled={false}
           onClick={[Function]}
           type="button"
@@ -9044,7 +8484,7 @@ exports[`Storyshots Components/Modal Default 1`] = `
           Cancel
         </button>
         <button
-          className="Button btn btn-primary btn-md"
+          className="Button btn btn-primary"
           disabled={false}
           type="submit"
         >
@@ -9123,7 +8563,7 @@ exports[`Storyshots Components/Modal Large Modal 1`] = `
         className="ModalFooter"
       >
         <button
-          className="Button btn btn-transparent btn-md"
+          className="Button btn btn-transparent"
           disabled={false}
           onClick={[Function]}
           type="button"
@@ -9131,7 +8571,7 @@ exports[`Storyshots Components/Modal Large Modal 1`] = `
           Cancel
         </button>
         <button
-          className="Button btn btn-primary btn-md"
+          className="Button btn btn-primary"
           disabled={false}
           type="submit"
         >
@@ -9210,7 +8650,7 @@ exports[`Storyshots Components/Modal Medium Modal 1`] = `
         className="ModalFooter"
       >
         <button
-          className="Button btn btn-transparent btn-md"
+          className="Button btn btn-transparent"
           disabled={false}
           onClick={[Function]}
           type="button"
@@ -9218,7 +8658,7 @@ exports[`Storyshots Components/Modal Medium Modal 1`] = `
           Cancel
         </button>
         <button
-          className="Button btn btn-primary btn-md"
+          className="Button btn btn-primary"
           disabled={false}
           type="submit"
         >
@@ -9309,7 +8749,7 @@ exports[`Storyshots Components/Modal Transactional Modal 1`] = `
         className="ModalFooter"
       >
         <button
-          className="Button btn btn-transparent btn-md"
+          className="Button btn btn-transparent"
           disabled={false}
           onClick={[Function]}
           type="button"
@@ -9317,7 +8757,7 @@ exports[`Storyshots Components/Modal Transactional Modal 1`] = `
           Cancel
         </button>
         <button
-          className="Button btn btn-primary btn-md"
+          className="Button btn btn-primary"
           disabled={false}
           type="submit"
         >
@@ -9413,7 +8853,7 @@ exports[`Storyshots Components/Modal Warning Modal 1`] = `
         className="ModalFooter"
       >
         <button
-          className="Button btn btn-transparent btn-md"
+          className="Button btn btn-transparent"
           disabled={false}
           onClick={[Function]}
           type="button"
@@ -9505,7 +8945,7 @@ exports[`Storyshots Components/Modal With Subtitle Modal 1`] = `
         className="ModalFooter"
       >
         <button
-          className="Button btn btn-transparent btn-md"
+          className="Button btn btn-transparent"
           disabled={false}
           onClick={[Function]}
           type="button"
@@ -9513,7 +8953,7 @@ exports[`Storyshots Components/Modal With Subtitle Modal 1`] = `
           Cancel
         </button>
         <button
-          className="Button btn btn-primary btn-md"
+          className="Button btn btn-primary"
           disabled={false}
           type="submit"
         >
@@ -9854,7 +9294,7 @@ exports[`Storyshots Components/Popover Card Popover 1`] = `
   }
 >
   <button
-    className="Button btn btn-primary btn-md"
+    className="Button btn btn-primary"
     disabled={false}
     onClick={[Function]}
     type="button"
@@ -9873,7 +9313,7 @@ exports[`Storyshots Components/Popover Default 1`] = `
   }
 >
   <button
-    className="Button btn btn-primary btn-md"
+    className="Button btn btn-primary"
     disabled={false}
     onClick={[Function]}
     type="button"
@@ -9892,7 +9332,7 @@ exports[`Storyshots Components/Popover Placement 1`] = `
   }
 >
   <button
-    className="Button btn btn-primary btn-md"
+    className="Button btn btn-primary"
     disabled={false}
     onClick={[Function]}
     type="button"
@@ -10701,7 +10141,7 @@ exports[`Storyshots Components/Selects/Async In Modal 1`] = `
         className="ModalFooter"
       >
         <button
-          className="Button btn btn-transparent btn-md"
+          className="Button btn btn-transparent"
           disabled={false}
           onClick={[Function]}
           type="button"
@@ -10709,7 +10149,7 @@ exports[`Storyshots Components/Selects/Async In Modal 1`] = `
           Cancel
         </button>
         <button
-          className="Button btn btn-primary btn-md"
+          className="Button btn btn-primary"
           disabled={false}
           type="submit"
         >
@@ -11017,7 +10457,7 @@ exports[`Storyshots Components/Selects/AsyncCreatable In Modal 1`] = `
         className="ModalFooter"
       >
         <button
-          className="Button btn btn-transparent btn-md"
+          className="Button btn btn-transparent"
           disabled={false}
           onClick={[Function]}
           type="button"
@@ -11025,7 +10465,7 @@ exports[`Storyshots Components/Selects/AsyncCreatable In Modal 1`] = `
           Cancel
         </button>
         <button
-          className="Button btn btn-primary btn-md"
+          className="Button btn btn-primary"
           disabled={false}
           type="submit"
         >
@@ -11333,7 +10773,7 @@ exports[`Storyshots Components/Selects/Creatable In Modal 1`] = `
         className="ModalFooter"
       >
         <button
-          className="Button btn btn-transparent btn-md"
+          className="Button btn btn-transparent"
           disabled={false}
           onClick={[Function]}
           type="button"
@@ -11341,7 +10781,7 @@ exports[`Storyshots Components/Selects/Creatable In Modal 1`] = `
           Cancel
         </button>
         <button
-          className="Button btn btn-primary btn-md"
+          className="Button btn btn-primary"
           disabled={false}
           type="submit"
         >
@@ -12076,7 +11516,7 @@ exports[`Storyshots Components/Selects/Single In Modal 1`] = `
         className="ModalFooter"
       >
         <button
-          className="Button btn btn-transparent btn-md"
+          className="Button btn btn-transparent"
           disabled={false}
           onClick={[Function]}
           type="button"
@@ -12084,7 +11524,7 @@ exports[`Storyshots Components/Selects/Single In Modal 1`] = `
           Cancel
         </button>
         <button
-          className="Button btn btn-primary btn-md"
+          className="Button btn btn-primary"
           disabled={false}
           type="submit"
         >
@@ -14601,7 +14041,7 @@ exports[`Storyshots Components/Table Table With Compact Option 1`] = `
 >
   <div>
     <button
-      className="Button btn btn-outline-primary btn-md"
+      className="Button btn btn-outline-primary"
       disabled={false}
       onClick={[Function]}
       type="button"
@@ -18726,7 +18166,7 @@ exports[`Storyshots Components/Table Table With Multiple Sticky Columns And Head
           }
         >
           <button
-            className="Button btn btn-outline-primary btn-md"
+            className="Button btn btn-outline-primary"
             disabled={false}
             type="button"
           >
@@ -18839,7 +18279,7 @@ exports[`Storyshots Components/Table Table With Multiple Sticky Columns And Head
           }
         >
           <button
-            className="Button btn btn-outline-primary btn-md"
+            className="Button btn btn-outline-primary"
             disabled={false}
             type="button"
           >
@@ -18952,7 +18392,7 @@ exports[`Storyshots Components/Table Table With Multiple Sticky Columns And Head
           }
         >
           <button
-            className="Button btn btn-outline-primary btn-md"
+            className="Button btn btn-outline-primary"
             disabled={false}
             type="button"
           >
@@ -19065,7 +18505,7 @@ exports[`Storyshots Components/Table Table With Multiple Sticky Columns And Head
           }
         >
           <button
-            className="Button btn btn-outline-primary btn-md"
+            className="Button btn btn-outline-primary"
             disabled={false}
             type="button"
           >
@@ -19178,7 +18618,7 @@ exports[`Storyshots Components/Table Table With Multiple Sticky Columns And Head
           }
         >
           <button
-            className="Button btn btn-outline-primary btn-md"
+            className="Button btn btn-outline-primary"
             disabled={false}
             type="button"
           >
@@ -19291,7 +18731,7 @@ exports[`Storyshots Components/Table Table With Multiple Sticky Columns And Head
           }
         >
           <button
-            className="Button btn btn-outline-primary btn-md"
+            className="Button btn btn-outline-primary"
             disabled={false}
             type="button"
           >
@@ -19404,7 +18844,7 @@ exports[`Storyshots Components/Table Table With Multiple Sticky Columns And Head
           }
         >
           <button
-            className="Button btn btn-outline-primary btn-md"
+            className="Button btn btn-outline-primary"
             disabled={false}
             type="button"
           >
@@ -19517,7 +18957,7 @@ exports[`Storyshots Components/Table Table With Multiple Sticky Columns And Head
           }
         >
           <button
-            className="Button btn btn-outline-primary btn-md"
+            className="Button btn btn-outline-primary"
             disabled={false}
             type="button"
           >
@@ -19630,7 +19070,7 @@ exports[`Storyshots Components/Table Table With Multiple Sticky Columns And Head
           }
         >
           <button
-            className="Button btn btn-outline-primary btn-md"
+            className="Button btn btn-outline-primary"
             disabled={false}
             type="button"
           >
@@ -19743,7 +19183,7 @@ exports[`Storyshots Components/Table Table With Multiple Sticky Columns And Head
           }
         >
           <button
-            className="Button btn btn-outline-primary btn-md"
+            className="Button btn btn-outline-primary"
             disabled={false}
             type="button"
           >
@@ -19893,7 +19333,7 @@ exports[`Storyshots Components/Table Table With Single Action Column 1`] = `
           style={Object {}}
         >
           <button
-            className="Button btn btn-outline-primary btn-md"
+            className="Button btn btn-outline-primary"
             disabled={false}
             type="button"
           >
@@ -19968,7 +19408,7 @@ exports[`Storyshots Components/Table Table With Single Action Column 1`] = `
           style={Object {}}
         >
           <button
-            className="Button btn btn-outline-primary btn-md"
+            className="Button btn btn-outline-primary"
             disabled={false}
             type="button"
           >
@@ -20043,7 +19483,7 @@ exports[`Storyshots Components/Table Table With Single Action Column 1`] = `
           style={Object {}}
         >
           <button
-            className="Button btn btn-outline-primary btn-md"
+            className="Button btn btn-outline-primary"
             disabled={false}
             type="button"
           >
@@ -20118,7 +19558,7 @@ exports[`Storyshots Components/Table Table With Single Action Column 1`] = `
           style={Object {}}
         >
           <button
-            className="Button btn btn-outline-primary btn-md"
+            className="Button btn btn-outline-primary"
             disabled={false}
             type="button"
           >
@@ -20193,7 +19633,7 @@ exports[`Storyshots Components/Table Table With Single Action Column 1`] = `
           style={Object {}}
         >
           <button
-            className="Button btn btn-outline-primary btn-md"
+            className="Button btn btn-outline-primary"
             disabled={false}
             type="button"
           >
@@ -20268,7 +19708,7 @@ exports[`Storyshots Components/Table Table With Single Action Column 1`] = `
           style={Object {}}
         >
           <button
-            className="Button btn btn-outline-primary btn-md"
+            className="Button btn btn-outline-primary"
             disabled={false}
             type="button"
           >
@@ -20343,7 +19783,7 @@ exports[`Storyshots Components/Table Table With Single Action Column 1`] = `
           style={Object {}}
         >
           <button
-            className="Button btn btn-outline-primary btn-md"
+            className="Button btn btn-outline-primary"
             disabled={false}
             type="button"
           >
@@ -20418,7 +19858,7 @@ exports[`Storyshots Components/Table Table With Single Action Column 1`] = `
           style={Object {}}
         >
           <button
-            className="Button btn btn-outline-primary btn-md"
+            className="Button btn btn-outline-primary"
             disabled={false}
             type="button"
           >
@@ -20493,7 +19933,7 @@ exports[`Storyshots Components/Table Table With Single Action Column 1`] = `
           style={Object {}}
         >
           <button
-            className="Button btn btn-outline-primary btn-md"
+            className="Button btn btn-outline-primary"
             disabled={false}
             type="button"
           >
@@ -20568,7 +20008,7 @@ exports[`Storyshots Components/Table Table With Single Action Column 1`] = `
           style={Object {}}
         >
           <button
-            className="Button btn btn-outline-primary btn-md"
+            className="Button btn btn-outline-primary"
             disabled={false}
             type="button"
           >
diff --git a/src/Button/Button.jsx b/src/Button/Button.jsx
index d1c10684..815306c6 100644
--- a/src/Button/Button.jsx
+++ b/src/Button/Button.jsx
@@ -8,12 +8,6 @@ import { Button as RBButton } from 'react-bootstrap';
 
 import './Button.scss';
 
-export const BUTTON_SIZES = {
-  LARGE: 'lg',
-  MEDIUM: 'md',
-  SMALL: 'sm',
-};
-
 const Button = forwardRef(({
   children,
   className,
@@ -21,7 +15,6 @@ const Button = forwardRef(({
   isLoading,
   leadingIcon,
   loadingText,
-  size,
   trailingIcon,
   ...props
 }, ref) => (
@@ -30,7 +23,6 @@ const Button = forwardRef(({
     className={classNames('Button', className)}
     disabled={disabled || isLoading}
     ref={ref}
-    size={size}
     {...props}
   >
     { !isLoading ? (
@@ -55,7 +47,6 @@ Button.propTypes = {
   isLoading: PropTypes.bool,
   leadingIcon: PropTypes.object,
   loadingText: PropTypes.string,
-  size: PropTypes.oneOf(Object.values(BUTTON_SIZES)),
   trailingIcon: PropTypes.object,
 };
 
@@ -66,7 +57,6 @@ Button.defaultProps = {
   isLoading: undefined,
   leadingIcon: undefined,
   loadingText: 'Loading...',
-  size: BUTTON_SIZES.MEDIUM,
   trailingIcon: undefined,
 };
 export default Button;
diff --git a/src/Button/Button.scss b/src/Button/Button.scss
index 0c0fd74f..bed10713 100644
--- a/src/Button/Button.scss
+++ b/src/Button/Button.scss
@@ -1,6 +1,7 @@
 @import '../../scss/theme';
 
 .Button {
+  @include font-type-30--bold;
 
   i, svg {
     &.icon-left {
@@ -27,18 +28,6 @@
 
   &.btn-sm {
     border-radius: $ux-border-radius;
-    @include font-type-30--medium;
-    padding: 3px 10px;
-  }
-
-  &.btn-md {
-    @include font-type-40--medium;
-    padding: 6px 12px;
-  }
-
-  &.btn-lg {
-    @include font-type-50--medium;
-    padding: 9px 14px;
   }
 
   &.btn-primary {
diff --git a/src/Button/Buttons.stories.jsx b/src/Button/Buttons.stories.jsx
index 51d25b66..e1746005 100644
--- a/src/Button/Buttons.stories.jsx
+++ b/src/Button/Buttons.stories.jsx
@@ -77,34 +77,6 @@ export const Primary = () => (
     >
       Confirm
     </Button>
-    {' '}
-    <Button
-      leadingIcon={faFileAlt}
-      size="lg"
-      trailingIcon={faCaretDown}
-      variant="primary"
-    >
-      Confirm
-    </Button>
-    {' '}
-    <Button
-      leadingIcon={faFileAlt}
-      size="lg"
-      trailingIcon={faCaretDown}
-      variant="outline-primary"
-    >
-      Confirm
-    </Button>
-    {' '}
-    <Button
-      disabled
-      leadingIcon={faFileAlt}
-      size="lg"
-      trailingIcon={faCaretDown}
-      variant="primary"
-    >
-      Confirm
-    </Button>
   </>
 );
 
@@ -165,34 +137,6 @@ export const Danger = () => (
     >
       Delete
     </Button>
-    {' '}
-    <Button
-      leadingIcon={faFileAlt}
-      size="lg"
-      trailingIcon={faCaretDown}
-      variant="danger"
-    >
-      Delete
-    </Button>
-    {' '}
-    <Button
-      leadingIcon={faFileAlt}
-      size="lg"
-      trailingIcon={faCaretDown}
-      variant="outline-danger"
-    >
-      Delete
-    </Button>
-    {' '}
-    <Button
-      disabled
-      leadingIcon={faFileAlt}
-      size="lg"
-      trailingIcon={faCaretDown}
-      variant="danger"
-    >
-      Delete
-    </Button>
   </>
 );
 
@@ -253,34 +197,6 @@ export const Warning = () => (
     >
       Edit
     </Button>
-    {' '}
-    <Button
-      leadingIcon={faFileAlt}
-      size="lg"
-      trailingIcon={faCaretDown}
-      variant="warning"
-    >
-      Edit
-    </Button>
-    {' '}
-    <Button
-      leadingIcon={faFileAlt}
-      size="lg"
-      trailingIcon={faCaretDown}
-      variant="outline-warning"
-    >
-      Edit
-    </Button>
-    {' '}
-    <Button
-      disabled
-      leadingIcon={faFileAlt}
-      size="lg"
-      trailingIcon={faCaretDown}
-      variant="warning"
-    >
-      Edit
-    </Button>
   </>
 );
 
@@ -341,34 +257,6 @@ export const Transparent = () => (
     >
       Skip
     </Button>
-    {' '}
-    <Button
-      leadingIcon={faFileAlt}
-      size="lg"
-      trailingIcon={faCaretDown}
-      variant="transparent"
-    >
-      Skip
-    </Button>
-    {' '}
-    <Button
-      leadingIcon={faFileAlt}
-      size="lg"
-      trailingIcon={faCaretDown}
-      variant="outline-transparent"
-    >
-      Skip
-    </Button>
-    {' '}
-    <Button
-      disabled
-      leadingIcon={faFileAlt}
-      size="lg"
-      trailingIcon={faCaretDown}
-      variant="transparent"
-    >
-      Skip
-    </Button>
   </>
 );
 
@@ -581,25 +469,5 @@ export const Loading = () => (
     >
       Confirm
     </Button>
-    {' '}
-    <Button
-      isLoading={boolean('isLoading', true)}
-      leadingIcon={faFileAlt}
-      loadingText={text('loadingText')}
-      size="lg"
-      variant="primary"
-    >
-      Confirm
-    </Button>
-    {' '}
-    <Button
-      isLoading={boolean('isLoading', true)}
-      leadingIcon={faFileAlt}
-      loadingText={text('loadingText')}
-      size="lg"
-      variant="outline-primary"
-    >
-      Confirm
-    </Button>
   </>
 );
diff --git a/src/Button/index.js b/src/Button/index.js
index 00f92ffe..803f51fb 100644
--- a/src/Button/index.js
+++ b/src/Button/index.js
@@ -1 +1,3 @@
-export { default, BUTTON_SIZES } from './Button';
+import Button from './Button';
+
+export default Button;
diff --git a/src/index.js b/src/index.js
index 7db10d8a..aab2c70b 100644
--- a/src/index.js
+++ b/src/index.js
@@ -5,7 +5,7 @@ import {
   AccordionToggle,
 } from 'src/Accordion';
 import { Alert, MessageTypes } from 'src/Alert';
-import Button, { BUTTON_SIZES } from 'src/Button';
+import Button from 'src/Button';
 import Avatar from 'src/Avatar';
 import Card, { CardSizes } from 'src/Card';
 import { CardStack } from 'src/CardStack';
@@ -95,7 +95,6 @@ export {
   AsyncCreatableSelect,
   bugsnagClient,
   Button,
-  BUTTON_SIZES,
   BUTTON_GROUP_ORIENTATIONS,
   Card,
   CardSizes,