interim additions for adding the button to tinymce editor

css/style.css

+/* DEFAULT button shortcode styles */
+a.button {
+  background: #ccc;
+  color: #fff;
+  text-decoration: none;
+  font-weight: bold;
+  padding: 20px 25px;
+  display: inline-block;
+  text-transform: uppercase;
+  margin-bottom: 20px;
+  border: 0;
+  /* SIZE button styles */
+  /* COLOR button styles */ }
+  a.button:hover, a.button:focus {
+    background: #999999; }
+  a.button.small {
+    padding: 10px 15px;
+    font-size: 0.9em; }
+  a.button.large {
+    padding: 30px 35px;
+    font-size: 1.2em; }
+  a.button.primary {
+    background: #004099; }
+    a.button.primary:hover, a.button.primary:focus {
+      background: #00265a; }
+  a.button.alternate {
+    background: #044c37; }
+    a.button.alternate:hover, a.button.alternate:focus {
+      background: #06805b; }
+
+/*# sourceMappingURL=style.css.map */

css/style.css.map

+{
+"version": 3,
+"mappings": ";AACA,QAAS;EACL,UAAU,EAAE,IAAI;EAChB,KAAK,EAAE,IAAI;EACX,eAAe,EAAE,IAAI;EACrB,WAAW,EAAE,IAAI;EACjB,OAAO,EAAE,SAAS;EAClB,OAAO,EAAE,YAAY;EACrB,cAAc,EAAE,SAAS;EACzB,aAAa,EAAE,IAAI;EACnB,MAAM,EAAE,CAAC;;;EAET,8BACQ;IACJ,UAAU,EAAE,OAAO;EAIvB,cAAQ;IACJ,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,KAAK;EAEpB,cAAQ;IACJ,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,KAAK;EAIpB,gBAAU;IACN,UAAU,EAAE,OAAO;IACnB,8CACQ;MACJ,UAAU,EAAE,OAAO;EAG3B,kBAAY;IACR,UAAU,EAAE,OAAO;IACnB,kDACQ;MACJ,UAAU,EAAE,OAAO",
+"sources": ["../sass/lbd_button_shortcode.scss"],
+"names": [],
+"file": "style.css"
+}
\ No newline at end of file

sass/lbd_button_shortcode.scss

+/* DEFAULT button shortcode styles */
+a.button {
+    background: #ccc;
+    color: #fff;
+    text-decoration: none;
+    font-weight: bold;
+    padding: 20px 25px;
+    display: inline-block;
+    text-transform: uppercase;
+    margin-bottom: 20px;
+    border: 0;
+
+    &:hover,
+    &:focus {
+        background: #999999;
+    }
+
+    /* SIZE button styles */
+    &.small {
+        padding: 10px 15px;
+        font-size: 0.9em;
+    }
+    &.large {
+        padding: 30px 35px;
+        font-size: 1.2em;
+    }
+
+    /* COLOR button styles */
+    &.primary {
+        background: #004099;
+        &:hover,
+        &:focus {
+            background: #00265a;
+        }
+    }
+    &.alternate {
+        background: #044c37;
+        &:hover,
+        &:focus {
+            background: #06805b
+        }
+    }
+    
+}