fomantic-ui-sass 2.8.8.1 → 2.9.1

data/app/assets/stylesheets/semantic-ui/elements/_button.scss

@@ -1,10 +1,10 @@
 /*!
- * # Fomantic-UI 2.8.8 - Button
- * http://github.com/fomantic/Fomantic-UI/
+ * # Fomantic-UI 2.9.1 - Button
+ * https://github.com/fomantic/Fomantic-UI/
  *
  *
  * Released under the MIT license
- * http://opensource.org/licenses/MIT
+ * https://opensource.org/licenses/MIT
  *
  */
 
@@ -20,9 +20,9 @@
   outline: none;
   border: none;
   vertical-align: baseline;
-  background: #E0E1E2 none;
+  background: #e0e1e2 none;
   color: rgba(0, 0, 0, 0.6);
-  font-family: $font-family;
+  font-family: "Lato", system-ui, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   margin: 0 0.25em 0 0;
   padding: 0.78571429em 1.5em 0.78571429em;
   text-transform: none;
@@ -33,16 +33,11 @@
   text-align: center;
   text-decoration: none;
   border-radius: 0.28571429rem;
-  -webkit-box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
-          box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
+  box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
   -webkit-user-select: none;
-     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
-  -webkit-transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
-  transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
   transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;
-  transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
   will-change: auto;
   -webkit-tap-highlight-color: transparent;
 }
@@ -53,74 +48,65 @@
 *******************************/
 
 
-/*--------------
+/* --------------
       Hover
----------------*/
-
+--------------- */
 .ui.button:hover {
-  background-color: #CACBCD;
+  background-color: #cacbcd;
   background-image: none;
-  -webkit-box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
-          box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
+  box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
   color: rgba(0, 0, 0, 0.8);
 }
 .ui.button:hover .icon {
   opacity: 0.85;
 }
 
-/*--------------
+/* --------------
       Focus
----------------*/
-
+--------------- */
 .ui.button:focus {
-  background-color: #CACBCD;
+  background-color: #cacbcd;
   color: rgba(0, 0, 0, 0.8);
   background-image: none;
-  -webkit-box-shadow: '';
-          box-shadow: '';
+  box-shadow: "";
 }
 .ui.button:focus .icon {
   opacity: 0.85;
 }
 
-/*--------------
+/* --------------
       Down
----------------*/
-
+--------------- */
 .ui.button:active,
 .ui.active.button:active {
-  background-color: #BABBBC;
-  background-image: '';
+  background-color: #babbbc;
+  background-image: "";
   color: rgba(0, 0, 0, 0.9);
-  -webkit-box-shadow: 0 0 0 1px transparent inset, none;
-          box-shadow: 0 0 0 1px transparent inset, none;
+  box-shadow: none;
 }
 
-/*--------------
+/* --------------
      Active
----------------*/
-
+--------------- */
 .ui.active.button {
-  background-color: #C0C1C2;
+  background-color: #c0c1c2;
   background-image: none;
-  -webkit-box-shadow: 0 0 0 1px transparent inset;
-          box-shadow: 0 0 0 1px transparent inset;
+  box-shadow: 0 0 0 1px transparent inset;
   color: rgba(0, 0, 0, 0.95);
 }
 .ui.active.button:hover {
-  background-color: #C0C1C2;
+  background-color: #c0c1c2;
   background-image: none;
   color: rgba(0, 0, 0, 0.95);
 }
 .ui.active.button:active {
-  background-color: #C0C1C2;
+  background-color: #c0c1c2;
   background-image: none;
 }
 
-/*--------------
-    Loading
----------------*/
-
+/* --------------
+        Loading
+    --------------- */
 
 /* Specificity hack */
 .ui.loading.loading.loading.loading.loading.loading.button {
@@ -130,12 +116,11 @@
   color: transparent;
   opacity: 1;
   pointer-events: auto;
-  -webkit-transition: all 0s linear, opacity 0.1s ease;
   transition: all 0s linear, opacity 0.1s ease;
 }
-.ui.loading.button:before {
+.ui.loading.button::before {
   position: absolute;
-  content: '';
+  content: "";
   top: 50%;
   left: 50%;
   margin: -0.64285714em 0 0 -0.64285714em;
@@ -144,38 +129,39 @@
   border-radius: 500rem;
   border: 0.2em solid rgba(0, 0, 0, 0.15);
 }
-.ui.loading.button:after {
+.ui.loading.button::after {
   position: absolute;
-  content: '';
+  content: "";
   top: 50%;
   left: 50%;
   margin: -0.64285714em 0 0 -0.64285714em;
   width: 1.28571429em;
   height: 1.28571429em;
   border-radius: 500rem;
-  -webkit-animation: loader 0.6s infinite linear;
-          animation: loader 0.6s infinite linear;
+  animation: loader 0.6s infinite linear;
   border: 0.2em solid currentColor;
-  color: #FFFFFF;
-  -webkit-box-shadow: 0 0 0 1px transparent;
-          box-shadow: 0 0 0 1px transparent;
+  color: #fff;
+  box-shadow: 0 0 0 1px transparent;
+}
+.ui.ui.ui.loading.button .label {
+  background-color: transparent;
+  border-color: transparent;
+  color: transparent;
 }
 .ui.labeled.icon.loading.button .icon {
   background-color: transparent;
-  -webkit-box-shadow: none;
-          box-shadow: none;
+  box-shadow: none;
 }
-.ui.basic.loading.button:not(.inverted):before {
+.ui.basic.loading.button:not(.inverted)::before {
   border-color: rgba(0, 0, 0, 0.1);
 }
-.ui.basic.loading.button:not(.inverted):after {
+.ui.basic.loading.button:not(.inverted)::after {
   border-color: #767676;
 }
 
-/*-------------------
-        Disabled
-  --------------------*/
-
+/* -------------------
+          Disabled
+    -------------------- */
 .ui.buttons .disabled.button:not(.basic),
 .ui.disabled.button,
 .ui.button:disabled,
@@ -184,8 +170,7 @@
   cursor: default;
   opacity: 0.45 !important;
   background-image: none;
-  -webkit-box-shadow: none;
-          box-shadow: none;
+  box-shadow: none;
   pointer-events: none !important;
 }
 
@@ -200,10 +185,9 @@
 *******************************/
 
 
-/*-------------------
-         Animated
-  --------------------*/
-
+/* -------------------
+           Animated
+    -------------------- */
 .ui.animated.button {
   position: relative;
   overflow: hidden;
@@ -226,7 +210,6 @@
 /* Horizontal */
 .ui.animated.button .visible.content,
 .ui.animated.button .hidden.content {
-  -webkit-transition: right 0.3s ease 0s;
   transition: right 0.3s ease 0s;
 }
 .ui.animated.button .visible.content {
@@ -253,14 +236,10 @@
 /* Vertical */
 .ui.vertical.animated.button .visible.content,
 .ui.vertical.animated.button .hidden.content {
-  -webkit-transition: top 0.3s ease, -webkit-transform 0.3s ease;
-  transition: top 0.3s ease, -webkit-transform 0.3s ease;
   transition: top 0.3s ease, transform 0.3s ease;
-  transition: top 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
 }
 .ui.vertical.animated.button .visible.content {
-  -webkit-transform: translateY(0%);
-          transform: translateY(0%);
+  transform: translateY(0);
   right: auto;
 }
 .ui.vertical.animated.button .hidden.content {
@@ -270,8 +249,7 @@
 }
 .ui.vertical.animated.button:focus .visible.content,
 .ui.vertical.animated.button:hover .visible.content {
-  -webkit-transform: translateY(200%);
-          transform: translateY(200%);
+  transform: translateY(200%);
   right: auto;
 }
 .ui.vertical.animated.button:focus .hidden.content,
@@ -283,51 +261,42 @@
 /* Fade */
 .ui.fade.animated.button .visible.content,
 .ui.fade.animated.button .hidden.content {
-  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
-  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
   transition: opacity 0.3s ease, transform 0.3s ease;
-  transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
 }
 .ui.fade.animated.button .visible.content {
   left: auto;
   right: auto;
   opacity: 1;
-  -webkit-transform: scale(1);
-          transform: scale(1);
+  transform: scale(1);
 }
 .ui.fade.animated.button .hidden.content {
   opacity: 0;
   left: 0;
   right: auto;
-  -webkit-transform: scale(1.5);
-          transform: scale(1.5);
+  transform: scale(1.5);
 }
 .ui.fade.animated.button:focus .visible.content,
 .ui.fade.animated.button:hover .visible.content {
   left: auto;
   right: auto;
   opacity: 0;
-  -webkit-transform: scale(0.75);
-          transform: scale(0.75);
+  transform: scale(0.75);
 }
 .ui.fade.animated.button:focus .hidden.content,
 .ui.fade.animated.button:hover .hidden.content {
   left: 0;
   right: auto;
   opacity: 1;
-  -webkit-transform: scale(1);
-          transform: scale(1);
+  transform: scale(1);
 }
 
-/*-------------------
-         Inverted
-  --------------------*/
-
+/* -------------------
+           Inverted
+    -------------------- */
 .ui.inverted.button {
-  -webkit-box-shadow: 0 0 0 2px #FFFFFF inset;
-          box-shadow: 0 0 0 2px #FFFFFF inset;
+  box-shadow: 0 0 0 2px #fff inset;
   background: transparent none;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none !important;
 }
 
@@ -349,65 +318,51 @@
 
 /* Hover */
 .ui.inverted.button:hover {
-  background: #FFFFFF;
-  -webkit-box-shadow: 0 0 0 2px #FFFFFF inset;
-          box-shadow: 0 0 0 2px #FFFFFF inset;
+  background: #fff;
+  box-shadow: 0 0 0 2px #fff inset;
   color: rgba(0, 0, 0, 0.8);
 }
 
 /* Active / Focus */
 .ui.inverted.button:focus,
 .ui.inverted.button.active {
-  background: #FFFFFF;
-  -webkit-box-shadow: 0 0 0 2px #FFFFFF inset;
-          box-shadow: 0 0 0 2px #FFFFFF inset;
+  background: #fff;
+  box-shadow: 0 0 0 2px #fff inset;
   color: rgba(0, 0, 0, 0.8);
 }
 
 /* Active Focus */
 .ui.inverted.button.active:focus {
-  background: #DCDDDE;
-  -webkit-box-shadow: 0 0 0 2px #DCDDDE inset;
-          box-shadow: 0 0 0 2px #DCDDDE inset;
+  background: #dcddde;
+  box-shadow: 0 0 0 2px #dcddde inset;
   color: rgba(0, 0, 0, 0.8);
 }
 
-/*-------------------
-      Labeled Button
-  --------------------*/
-
+/* -------------------
+        Labeled Button
+    -------------------- */
 .ui.labeled.button:not(.icon) {
-  display: -webkit-inline-box;
-  display: -ms-inline-flexbox;
   display: inline-flex;
-  -webkit-box-orient: horizontal;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: row;
-          flex-direction: row;
+  flex-direction: row;
   background: none;
   padding: 0 !important;
   border: none;
-  -webkit-box-shadow: none;
-          box-shadow: none;
+  box-shadow: none;
 }
 .ui.labeled.button > .button {
   margin: 0;
 }
 .ui.labeled.button > .label {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  align-items: center;
   margin: 0 0 0 -1px !important;
   font-size: 1em;
-  padding: '';
+  padding: "";
   border-color: rgba(34, 36, 38, 0.15);
 }
 
 /* Tag */
-.ui.labeled.button > .tag.label:before {
+.ui.labeled.button > .tag.label::before {
   width: 1.85em;
   height: 1.85em;
 }
@@ -432,209 +387,197 @@
   border-bottom-right-radius: 0;
 }
 
-/*-------------------
-         Social
-  --------------------*/
-
+/* -------------------
+           Social
+    -------------------- */
 
 /* Facebook */
 .ui.facebook.button {
-  background-color: #3B5998;
-  color: #FFFFFF;
+  background-color: #3b5998;
+  color: #fff;
   text-shadow: none;
   background-image: none;
-  -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
-          box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
+  box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
 }
 .ui.facebook.button:hover {
   background-color: #304d8a;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.facebook.button:active {
   background-color: #2d4373;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 
 /* Twitter */
 .ui.twitter.button {
-  background-color: #1DA1F2;
-  color: #FFFFFF;
+  background-color: #1da1f2;
+  color: #fff;
   text-shadow: none;
   background-image: none;
-  -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
-          box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
+  box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
 }
 .ui.twitter.button:hover {
   background-color: #0298f3;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.twitter.button:active {
   background-color: #0c85d0;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 
 /* Google Plus */
 .ui.google.plus.button {
-  background-color: #DD4B39;
-  color: #FFFFFF;
+  background-color: #dd4b39;
+  color: #fff;
   text-shadow: none;
   background-image: none;
-  -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
-          box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
+  box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
 }
 .ui.google.plus.button:hover {
   background-color: #e0321c;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.google.plus.button:active {
   background-color: #c23321;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 
 /* Linked In */
 .ui.linkedin.button {
-  background-color: #0077B5;
-  color: #FFFFFF;
+  background-color: #0077b5;
+  color: #fff;
   text-shadow: none;
 }
 .ui.linkedin.button:hover {
   background-color: #00669c;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.linkedin.button:active {
   background-color: #005582;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 
 /* YouTube */
 .ui.youtube.button {
-  background-color: #FF0000;
-  color: #FFFFFF;
+  background-color: #f00;
+  color: #fff;
   text-shadow: none;
   background-image: none;
-  -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
-          box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
+  box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
 }
 .ui.youtube.button:hover {
   background-color: #e60000;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.youtube.button:active {
   background-color: #cc0000;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 
 /* Instagram */
 .ui.instagram.button {
-  background-color: #49769C;
-  color: #FFFFFF;
+  background-color: #49769c;
+  color: #fff;
   text-shadow: none;
   background-image: none;
-  -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
-          box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
+  box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
 }
 .ui.instagram.button:hover {
   background-color: #3d698e;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.instagram.button:active {
   background-color: #395c79;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 
 /* Pinterest */
 .ui.pinterest.button {
-  background-color: #BD081C;
-  color: #FFFFFF;
+  background-color: #bd081c;
+  color: #fff;
   text-shadow: none;
   background-image: none;
-  -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
-          box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
+  box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
 }
 .ui.pinterest.button:hover {
   background-color: #ac0013;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.pinterest.button:active {
   background-color: #8c0615;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 
 /* VK */
 .ui.vk.button {
-  background-color: #45668E;
-  color: #FFFFFF;
+  background-color: #45668e;
+  color: #fff;
   background-image: none;
-  -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
-          box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
+  box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
 }
 .ui.vk.button:hover {
   background-color: #395980;
-  color: #FFFFFF;
+  color: #fff;
 }
 .ui.vk.button:active {
   background-color: #344d6c;
-  color: #FFFFFF;
+  color: #fff;
 }
 
 /* WhatsApp */
 .ui.whatsapp.button {
-  background-color: #25D366;
-  color: #FFFFFF;
+  background-color: #25d366;
+  color: #fff;
   background-image: none;
-  -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
-          box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
+  box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
 }
 .ui.whatsapp.button:hover {
   background-color: #19c55a;
-  color: #FFFFFF;
+  color: #fff;
 }
 .ui.whatsapp.button:active {
   background-color: #1da851;
-  color: #FFFFFF;
+  color: #fff;
 }
 
 /* Telegram */
 .ui.telegram.button {
-  background-color: #0088CC;
-  color: #FFFFFF;
+  background-color: #08c;
+  color: #fff;
   background-image: none;
-  -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
-          box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
+  box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
 }
 .ui.telegram.button:hover {
   background-color: #0077b3;
-  color: #FFFFFF;
+  color: #fff;
 }
 .ui.telegram.button:active {
   background-color: #006699;
-  color: #FFFFFF;
+  color: #fff;
 }
 
-/*--------------
+/* --------------
      Icon
----------------*/
-
+--------------- */
 .ui.button > .icon:not(.button) {
   height: auto;
   opacity: 0.8;
-  -webkit-transition: opacity 0.1s ease;
   transition: opacity 0.1s ease;
-  color: '';
+  color: "";
 }
 .ui.button:not(.icon) > .icon:not(.button):not(.dropdown),
 .ui.button:not(.icon) > .icons:not(.button):not(.dropdown) {
@@ -654,18 +597,14 @@
 *******************************/
 
 
-/*--------------
-     Stackable
-  ---------------*/
-
+/* --------------
+       Stackable
+    --------------- */
 
 /* Tablet Or Below */
 @media only screen and (max-width: 767.98px) {
   .ui.stackable.buttons {
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-        -ms-flex-direction: column;
-            flex-direction: column;
+    flex-direction: column;
     width: 100%;
   }
   .ui.stackable.buttons .button:first-child {
@@ -681,10 +620,9 @@
   }
 }
 
-/*-------------------
-         Floated
-  --------------------*/
-
+/* -------------------
+           Floated
+    -------------------- */
 .ui[class*="left floated"].buttons,
 .ui[class*="left floated"].button {
   float: left;
@@ -698,10 +636,9 @@
   margin-left: 0.25em;
 }
 
-/*-------------------
-         Compact
-  --------------------*/
-
+/* -------------------
+           Compact
+    -------------------- */
 .ui.compact.buttons .button,
 .ui.compact.button {
   padding: 0.58928571em 1.125em 0.58928571em;
@@ -716,13 +653,12 @@
 }
 .ui.compact.labeled.icon.buttons .button > .icon,
 .ui.compact.labeled.icon.button > .icon {
-  padding: 0.58928571em 0 0.58928571em 0;
+  padding: 0.58928571em 0;
 }
 
-/*-------------------
+/* -------------------
         Sizes
---------------------*/
-
+-------------------- */
 .ui.buttons .button,
 .ui.buttons .or,
 .ui.button {
@@ -778,10 +714,9 @@
   font-size: 1.71428571rem;
 }
 
-/*--------------
-    Icon Only
----------------*/
-
+/* --------------
+        Icon Only
+    --------------- */
 .ui.icon.buttons .button,
 .ui.icon.button:not(.animated):not(.compact):not(.labeled) {
   padding: 0.78571429em 0.78571429em 0.78571429em;
@@ -797,10 +732,9 @@
   vertical-align: top;
 }
 
-/*-------------------
-          Basic
-  --------------------*/
-
+/* -------------------
+            Basic
+    -------------------- */
 .ui.basic.buttons .button,
 .ui.basic.button {
   background: transparent none;
@@ -809,163 +743,139 @@
   border-radius: 0.28571429rem;
   text-transform: none;
   text-shadow: none !important;
-  -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
-          box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
+  box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
 }
 .ui.basic.buttons {
-  -webkit-box-shadow: none;
-          box-shadow: none;
+  box-shadow: none;
   border: 1px solid rgba(34, 36, 38, 0.15);
   border-radius: 0.28571429rem;
+  border-right: none;
 }
 .ui.basic.buttons .button {
   border-radius: 0;
 }
 .ui.basic.buttons .button:hover,
 .ui.basic.button:hover {
-  background: #FFFFFF;
+  background: #fff;
   color: rgba(0, 0, 0, 0.8);
-  -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
-          box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
+  box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
 }
 .ui.basic.buttons .button:focus,
 .ui.basic.button:focus {
-  background: #FFFFFF;
+  background: #fff;
   color: rgba(0, 0, 0, 0.8);
-  -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
-          box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
+  box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
 }
 .ui.basic.buttons .button:active,
 .ui.basic.button:active {
-  background: #F8F8F8;
+  background: #f8f8f8;
   color: rgba(0, 0, 0, 0.9);
-  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 4px 0 rgba(34, 36, 38, 0.15) inset;
-          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 4px 0 rgba(34, 36, 38, 0.15) inset;
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 4px 0 rgba(34, 36, 38, 0.15) inset;
 }
 .ui.basic.buttons .active.button,
 .ui.basic.active.button {
   background: rgba(0, 0, 0, 0.05);
-  -webkit-box-shadow: '';
-          box-shadow: '';
+  box-shadow: "";
   color: rgba(0, 0, 0, 0.95);
 }
 .ui.basic.buttons .active.button:hover,
 .ui.basic.active.button:hover {
   background-color: rgba(0, 0, 0, 0.05);
 }
-
-/* Vertical */
 .ui.basic.buttons .button:hover {
-  -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset inset;
-          box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset inset;
+  box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
 }
 .ui.basic.buttons .button:active {
-  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 4px 0 rgba(34, 36, 38, 0.15) inset inset;
-          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 4px 0 rgba(34, 36, 38, 0.15) inset inset;
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 4px 0 rgba(34, 36, 38, 0.15) inset;
 }
 .ui.basic.buttons .active.button {
-  -webkit-box-shadow: '';
-          box-shadow: '';
+  box-shadow: "";
 }
 
 /* Standard Basic Inverted */
 .ui.basic.inverted.buttons .button,
 .ui.basic.inverted.button {
   background-color: transparent;
-  color: #F9FAFB;
-  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
-          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
+  color: #f9fafb;
+  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
 }
 .ui.basic.inverted.buttons .button:hover,
 .ui.basic.inverted.button:hover {
-  color: #FFFFFF;
-  -webkit-box-shadow: 0 0 0 2px #ffffff inset;
-          box-shadow: 0 0 0 2px #ffffff inset;
+  color: #fff;
+  box-shadow: 0 0 0 2px #ffffff inset;
 }
 .ui.basic.inverted.buttons .button:focus,
 .ui.basic.inverted.button:focus {
-  color: #FFFFFF;
-  -webkit-box-shadow: 0 0 0 2px #ffffff inset;
-          box-shadow: 0 0 0 2px #ffffff inset;
+  color: #fff;
+  box-shadow: 0 0 0 2px #ffffff inset;
 }
 .ui.basic.inverted.buttons .button:active,
 .ui.basic.inverted.button:active {
   background-color: rgba(255, 255, 255, 0.08);
-  color: #FFFFFF;
-  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.9) inset;
-          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.9) inset;
+  color: #fff;
+  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.9) inset;
 }
 .ui.basic.inverted.buttons .active.button,
 .ui.basic.inverted.active.button {
   background-color: rgba(255, 255, 255, 0.08);
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
-  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.7) inset;
-          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.7) inset;
+  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.7) inset;
 }
 .ui.basic.inverted.buttons .active.button:hover,
 .ui.basic.inverted.active.button:hover {
   background-color: rgba(255, 255, 255, 0.15);
-  -webkit-box-shadow: 0 0 0 2px #ffffff inset;
-          box-shadow: 0 0 0 2px #ffffff inset;
+  box-shadow: 0 0 0 2px #ffffff inset;
 }
 
 /* Basic Group */
-.ui.basic.buttons .button {
-  border-left: 1px solid rgba(34, 36, 38, 0.15);
-  -webkit-box-shadow: none;
-          box-shadow: none;
+.ui.basic.buttons:not(.inverted) .button:not(.basic) {
+  border-right: 1px solid rgba(34, 36, 38, 0.15);
+  box-shadow: none;
 }
 .ui.basic.vertical.buttons .button {
   border-left: none;
   border-left-width: 0;
   border-top: 1px solid rgba(34, 36, 38, 0.15);
 }
-.ui.basic.vertical.buttons .button:first-child {
-  border-top-width: 0;
+.ui.basic.vertical.buttons:not(.spaced) .button:first-child {
+  border-top: none;
 }
 
-/*-------------------
-         Tertiary
-  --------------------*/
-
+/* -------------------
+           Tertiary
+    -------------------- */
 
 /* Overline Mixin */
 .ui.tertiary.button {
-  -webkit-transition: color 0.1s ease !important;
   transition: color 0.1s ease !important;
   border-radius: 0;
   margin: 0.28571429em 0.25em 0.28571429em 0 !important;
-  padding: 0.5em !important;
-  -webkit-box-shadow: none;
-          box-shadow: none;
+  padding: 0.5em 0.5em !important;
+  box-shadow: none;
   color: rgba(0, 0, 0, 0.6);
   background: none;
 }
 .ui.tertiary.button:hover {
-  -webkit-box-shadow: inset 0 -0.2em 0 #666666;
-          box-shadow: inset 0 -0.2em 0 #666666;
+  box-shadow: inset 0 -0.2em 0 #666666;
   color: #333333;
   background: none;
 }
 .ui.tertiary.button:focus {
-  -webkit-box-shadow: inset 0 -0.2em 0 #666666;
-          box-shadow: inset 0 -0.2em 0 #666666;
+  box-shadow: inset 0 -0.2em 0 #666666;
   color: #333333;
   background: none;
 }
 .ui.tertiary.button:active {
-  -webkit-box-shadow: inset 0 -0.2em 0 #999999;
-          box-shadow: inset 0 -0.2em 0 #999999;
+  box-shadow: inset 0 -0.2em 0 #999999;
   border-radius: 0.28571429rem 0.28571429rem 0 0;
   color: #666666;
   background: none;
 }
 
-/*--------------
-    Labeled Icon
-  ---------------*/
-
+/* --------------
+      Labeled Icon
+    --------------- */
 .ui.labeled.icon.buttons .button,
 .ui.labeled.icon.button {
   position: relative;
@@ -985,15 +895,13 @@
   border-top-left-radius: inherit;
   border-bottom-left-radius: inherit;
   text-align: center;
-  -webkit-animation: none;
-          animation: none;
-  padding: 0.78571429em 0 0.78571429em 0;
+  animation: none;
+  padding: 0.78571429em 0;
   margin: 0;
   width: 2.57142857em;
   background-color: rgba(0, 0, 0, 0.05);
-  color: '';
-  -webkit-box-shadow: -1px 0 0 0 transparent inset;
-          box-shadow: -1px 0 0 0 transparent inset;
+  color: "";
+  box-shadow: -1px 0 0 0 transparent inset;
 }
 
 /* Right Labeled */
@@ -1007,13 +915,12 @@
   border-radius: 0;
   border-top-right-radius: inherit;
   border-bottom-right-radius: inherit;
-  -webkit-box-shadow: 1px 0 0 0 transparent inset;
-          box-shadow: 1px 0 0 0 transparent inset;
+  box-shadow: 1px 0 0 0 transparent inset;
 }
-.ui.labeled.icon.buttons > .button > .icon:before,
-.ui.labeled.icon.button > .icon:before,
-.ui.labeled.icon.buttons > .button > .icon:after,
-.ui.labeled.icon.button > .icon:after {
+.ui.labeled.icon.buttons > .button > .icon::before,
+.ui.labeled.icon.button > .icon::before,
+.ui.labeled.icon.buttons > .button > .icon::after,
+.ui.labeled.icon.button > .icon::after {
   display: block;
   position: relative;
   width: 100%;
@@ -1041,36 +948,32 @@
 }
 
 /* Loading Icon in Labeled Button */
-.ui.labeled.icon.button > .loading.icon:before {
-  -webkit-animation: loader 2s linear infinite;
-          animation: loader 2s linear infinite;
+.ui.labeled.icon.button > .loading.icon::before {
+  animation: loader 2s linear infinite;
 }
 
-/*--------------
-       Toggle
-  ---------------*/
-
+/* --------------
+         Toggle
+    --------------- */
 
 /* Toggle (Modifies active state to give affordances) */
 .ui.toggle.buttons .active.button,
 .ui.buttons .button.toggle.active,
 .ui.button.toggle.active {
-  background-color: #21BA45;
-  -webkit-box-shadow: none;
-          box-shadow: none;
+  background-color: #21ba45;
+  box-shadow: none;
   text-shadow: none;
-  color: #FFFFFF;
+  color: #fff;
 }
 .ui.button.toggle.active:hover {
   background-color: #16ab39;
   text-shadow: none;
-  color: #FFFFFF;
+  color: #fff;
 }
 
-/*--------------
-      Circular
-  ---------------*/
-
+/* --------------
+        Circular
+    --------------- */
 .ui.circular.button {
   border-radius: 10em;
 }
@@ -1079,24 +982,23 @@
   vertical-align: baseline;
 }
 
-/*-------------------
-        Or Buttons
-  --------------------*/
-
+/* -------------------
+          Or Buttons
+    -------------------- */
 .ui.buttons .or {
   position: relative;
   width: 0.3em;
   height: 2.57142857em;
   z-index: 3;
 }
-.ui.buttons .or:before {
+.ui.buttons .or::before {
   position: absolute;
   text-align: center;
   border-radius: 500rem;
-  content: 'or';
+  content: "or";
   top: 50%;
   left: 50%;
-  background-color: #FFFFFF;
+  background-color: #fff;
   text-shadow: none;
   margin-top: -0.89285714em;
   margin-left: -0.89285714em;
@@ -1106,10 +1008,9 @@
   color: rgba(0, 0, 0, 0.4);
   font-style: normal;
   font-weight: bold;
-  -webkit-box-shadow: 0 0 0 1px transparent inset;
-          box-shadow: 0 0 0 1px transparent inset;
+  box-shadow: 0 0 0 1px transparent inset;
 }
-.ui.buttons .or[data-text]:before {
+.ui.buttons .or[data-text]::before {
   content: attr(data-text);
 }
 
@@ -1117,14 +1018,13 @@
 .ui.fluid.buttons .or {
   width: 0 !important;
 }
-.ui.fluid.buttons .or:after {
+.ui.fluid.buttons .or::after {
   display: none;
 }
 
-/*-------------------
-         Attached
-  --------------------*/
-
+/* -------------------
+           Attached
+    -------------------- */
 
 /* Singular */
 .ui.attached.button {
@@ -1132,8 +1032,7 @@
   display: block;
   margin: 0;
   border-radius: 0;
-  -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15);
-          box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15);
+  box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15);
 }
 
 /* Top / Bottom */
@@ -1162,8 +1061,6 @@
 /* Plural */
 .ui.attached.buttons {
   position: relative;
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
   border-radius: 0;
   width: auto !important;
@@ -1183,7 +1080,7 @@
 
 /* Top / Bottom */
 .ui[class*="top attached"].buttons {
-  margin-bottom: -1px;
+  margin-bottom: 0;
   border-radius: 0.28571429rem 0.28571429rem 0 0;
 }
 .ui[class*="top attached"].buttons .button:first-child {
@@ -1205,8 +1102,6 @@
 
 /* Left / Right */
 .ui[class*="left attached"].buttons {
-  display: -webkit-inline-box;
-  display: -ms-inline-flexbox;
   display: inline-flex;
   margin-right: 0;
   margin-left: -1px;
@@ -1221,8 +1116,6 @@
   border-radius: 0 0 0.28571429rem 0;
 }
 .ui[class*="right attached"].buttons {
-  display: -webkit-inline-box;
-  display: -ms-inline-flexbox;
   display: inline-flex;
   margin-left: 0;
   margin-right: -1px;
@@ -1237,10 +1130,9 @@
   border-radius: 0 0 0 0.28571429rem;
 }
 
-/*-------------------
-          Fluid
-  --------------------*/
-
+/* -------------------
+            Fluid
+    -------------------- */
 .ui.fluid.buttons,
 .ui.fluid.button {
   width: 100%;
@@ -1318,13 +1210,9 @@
 /* Fluid Vertical Buttons */
 .ui.fluid.vertical.buttons,
 .ui.fluid.vertical.buttons > .button {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
   width: auto;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
+  justify-content: center;
 }
 .ui.two.vertical.buttons > .button {
   height: 50%;
@@ -1360,37 +1248,35 @@
   height: 8.3333%;
 }
 
-/*-------------------
+/* -------------------
        Colors
---------------------*/
-
+-------------------- */
 .ui.primary.buttons .button,
 .ui.primary.button {
-  background-color: #2185D0;
-  color: #FFFFFF;
+  background-color: #2185d0;
+  color: #fff;
   text-shadow: none;
   background-image: none;
 }
 .ui.primary.button {
-  -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
-          box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
+  box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
 }
 .ui.primary.buttons .button:hover,
 .ui.primary.button:hover {
   background-color: #1678c2;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.primary.buttons .button:focus,
 .ui.primary.button:focus {
   background-color: #0d71bb;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.primary.buttons .button:active,
 .ui.primary.button:active {
   background-color: #1a69a4;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.primary.buttons .active.button,
@@ -1398,7 +1284,7 @@
 .ui.primary.active.button,
 .ui.primary.button .active.button:active {
   background-color: #1279c6;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 
@@ -1406,48 +1292,39 @@
 .ui.basic.primary.buttons .button,
 .ui.basic.primary.button {
   background: transparent;
-  -webkit-box-shadow: 0 0 0 1px #2185D0 inset;
-          box-shadow: 0 0 0 1px #2185D0 inset;
-  color: #2185D0;
+  box-shadow: 0 0 0 1px #2185d0 inset;
+  color: #2185d0;
 }
 .ui.basic.primary.buttons .button:hover,
 .ui.basic.primary.button:hover {
-  background: transparent ;
-  -webkit-box-shadow: 0 0 0 1px #1678c2 inset;
-          box-shadow: 0 0 0 1px #1678c2 inset;
+  background: transparent;
+  box-shadow: 0 0 0 1px #1678c2 inset;
   color: #1678c2;
 }
 .ui.basic.primary.buttons .button:focus,
 .ui.basic.primary.button:focus {
-  background: transparent ;
-  -webkit-box-shadow: 0 0 0 1px #0d71bb inset;
-          box-shadow: 0 0 0 1px #0d71bb inset;
+  background: transparent;
+  box-shadow: 0 0 0 1px #0d71bb inset;
   color: #1678c2;
 }
 .ui.basic.primary.buttons .active.button,
 .ui.basic.primary.active.button {
-  background: transparent ;
-  -webkit-box-shadow: 0 0 0 1px #1279c6 inset;
-          box-shadow: 0 0 0 1px #1279c6 inset;
+  background: transparent;
+  box-shadow: 0 0 0 1px #1279c6 inset;
   color: #1a69a4;
 }
 .ui.basic.primary.buttons .button:active,
 .ui.basic.primary.button:active {
-  -webkit-box-shadow: 0 0 0 1px #1a69a4 inset;
-          box-shadow: 0 0 0 1px #1a69a4 inset;
+  box-shadow: 0 0 0 1px #1a69a4 inset;
   color: #1a69a4;
 }
-.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {
-  margin-left: -1px;
-}
 
 /* Inverted */
 .ui.inverted.primary.buttons .button,
 .ui.inverted.primary.button {
   background-color: transparent;
-  -webkit-box-shadow: 0 0 0 2px #54C8FF inset;
-          box-shadow: 0 0 0 2px #54C8FF inset;
-  color: #54C8FF;
+  box-shadow: 0 0 0 2px #54c8ff inset;
+  color: #54c8ff;
 }
 .ui.inverted.primary.buttons .button:hover,
 .ui.inverted.primary.button:hover,
@@ -1457,9 +1334,8 @@
 .ui.inverted.primary.button.active,
 .ui.inverted.primary.buttons .button:active,
 .ui.inverted.primary.button:active {
-  -webkit-box-shadow: none ;
-          box-shadow: none ;
-  color: #FFFFFF;
+  box-shadow: none;
+  color: #fff;
 }
 .ui.inverted.primary.buttons .button:hover,
 .ui.inverted.primary.button:hover {
@@ -1483,37 +1359,32 @@
 .ui.inverted.primary.buttons .basic.button,
 .ui.inverted.primary.basic.button {
   background-color: transparent;
-  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
-          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
-  color: #FFFFFF;
+  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
+  color: #fff;
 }
 .ui.inverted.primary.basic.buttons .button:hover,
 .ui.inverted.primary.buttons .basic.button:hover,
 .ui.inverted.primary.basic.button:hover {
-  -webkit-box-shadow: 0 0 0 2px #21b8ff inset;
-          box-shadow: 0 0 0 2px #21b8ff inset;
-  color: #54C8FF;
+  box-shadow: 0 0 0 2px #21b8ff inset;
+  color: #54c8ff;
 }
 .ui.inverted.primary.basic.buttons .button:focus,
 .ui.inverted.primary.basic.buttons .button:focus,
 .ui.inverted.primary.basic.button:focus {
-  -webkit-box-shadow: 0 0 0 2px #2bbbff inset;
-          box-shadow: 0 0 0 2px #2bbbff inset;
-  color: #54C8FF;
+  box-shadow: 0 0 0 2px #2bbbff inset;
+  color: #54c8ff;
 }
 .ui.inverted.primary.basic.buttons .active.button,
 .ui.inverted.primary.buttons .basic.active.button,
 .ui.inverted.primary.basic.active.button {
-  -webkit-box-shadow: 0 0 0 2px #3ac0ff inset;
-          box-shadow: 0 0 0 2px #3ac0ff inset;
-  color: #54C8FF;
+  box-shadow: 0 0 0 2px #3ac0ff inset;
+  color: #54c8ff;
 }
 .ui.inverted.primary.basic.buttons .button:active,
 .ui.inverted.primary.buttons .basic.button:active,
 .ui.inverted.primary.basic.button:active {
-  -webkit-box-shadow: 0 0 0 2px #21b8ff inset;
-          box-shadow: 0 0 0 2px #21b8ff inset;
-  color: #54C8FF;
+  box-shadow: 0 0 0 2px #21b8ff inset;
+  color: #54c8ff;
 }
 
 /* Tertiary */
@@ -1521,22 +1392,19 @@
 .ui.tertiary.primary.buttons .tertiary.button,
 .ui.tertiary.primary.button {
   background: transparent;
-  -webkit-box-shadow: none;
-          box-shadow: none;
-  color: #2185D0;
+  box-shadow: none;
+  color: #2185d0;
 }
 .ui.tertiary.primary.buttons .button:hover,
 .ui.tertiary.primary.buttons button:hover,
 .ui.tertiary.primary.button:hover {
-  -webkit-box-shadow: inset 0 -0.2em 0 #2b75ac;
-          box-shadow: inset 0 -0.2em 0 #2b75ac;
+  box-shadow: inset 0 -0.2em 0 #2b75ac;
   color: #2b75ac;
 }
 .ui.tertiary.primary.buttons .button:focus,
 .ui.tertiary.primary.buttons .tertiary.button:focus,
 .ui.tertiary.primary.button:focus {
-  -webkit-box-shadow: inset 0 -0.2em 0 #216ea7;
-          box-shadow: inset 0 -0.2em 0 #216ea7;
+  box-shadow: inset 0 -0.2em 0 #216ea7;
   color: #216ea7;
 }
 .ui.tertiary.primary.buttons .active.button,
@@ -1545,37 +1413,35 @@
 .ui.tertiary.primary.buttons .button:active,
 .ui.tertiary.primary.buttons .tertiary.button:active,
 .ui.tertiary.primary.button:active {
-  -webkit-box-shadow: inset 0 -0.2em 0 #007bd8;
-          box-shadow: inset 0 -0.2em 0 #007bd8;
+  box-shadow: inset 0 -0.2em 0 #007bd8;
   color: #1279c6;
 }
 .ui.secondary.buttons .button,
 .ui.secondary.button {
-  background-color: #1B1C1D;
-  color: #FFFFFF;
+  background-color: #1b1c1d;
+  color: #fff;
   text-shadow: none;
   background-image: none;
 }
 .ui.secondary.button {
-  -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
-          box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
+  box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
 }
 .ui.secondary.buttons .button:hover,
 .ui.secondary.button:hover {
   background-color: #27292a;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.secondary.buttons .button:focus,
 .ui.secondary.button:focus {
   background-color: #2e3032;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.secondary.buttons .button:active,
 .ui.secondary.button:active {
   background-color: #343637;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.secondary.buttons .active.button,
@@ -1583,7 +1449,7 @@
 .ui.secondary.active.button,
 .ui.secondary.button .active.button:active {
   background-color: #27292a;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 
@@ -1591,47 +1457,38 @@
 .ui.basic.secondary.buttons .button,
 .ui.basic.secondary.button {
   background: transparent;
-  -webkit-box-shadow: 0 0 0 1px #1B1C1D inset;
-          box-shadow: 0 0 0 1px #1B1C1D inset;
-  color: #1B1C1D;
+  box-shadow: 0 0 0 1px #1b1c1d inset;
+  color: #1b1c1d;
 }
 .ui.basic.secondary.buttons .button:hover,
 .ui.basic.secondary.button:hover {
-  background: transparent ;
-  -webkit-box-shadow: 0 0 0 1px #27292a inset;
-          box-shadow: 0 0 0 1px #27292a inset;
+  background: transparent;
+  box-shadow: 0 0 0 1px #27292a inset;
   color: #27292a;
 }
 .ui.basic.secondary.buttons .button:focus,
 .ui.basic.secondary.button:focus {
-  background: transparent ;
-  -webkit-box-shadow: 0 0 0 1px #2e3032 inset;
-          box-shadow: 0 0 0 1px #2e3032 inset;
+  background: transparent;
+  box-shadow: 0 0 0 1px #2e3032 inset;
   color: #27292a;
 }
 .ui.basic.secondary.buttons .active.button,
 .ui.basic.secondary.active.button {
-  background: transparent ;
-  -webkit-box-shadow: 0 0 0 1px #27292a inset;
-          box-shadow: 0 0 0 1px #27292a inset;
+  background: transparent;
+  box-shadow: 0 0 0 1px #27292a inset;
   color: #343637;
 }
 .ui.basic.secondary.buttons .button:active,
 .ui.basic.secondary.button:active {
-  -webkit-box-shadow: 0 0 0 1px #343637 inset;
-          box-shadow: 0 0 0 1px #343637 inset;
+  box-shadow: 0 0 0 1px #343637 inset;
   color: #343637;
 }
-.ui.buttons:not(.vertical) > .basic.secondary.button:not(:first-child) {
-  margin-left: -1px;
-}
 
 /* Inverted */
 .ui.inverted.secondary.buttons .button,
 .ui.inverted.secondary.button {
   background-color: transparent;
-  -webkit-box-shadow: 0 0 0 2px #545454 inset;
-          box-shadow: 0 0 0 2px #545454 inset;
+  box-shadow: 0 0 0 2px #545454 inset;
   color: #545454;
 }
 .ui.inverted.secondary.buttons .button:hover,
@@ -1642,9 +1499,8 @@
 .ui.inverted.secondary.button.active,
 .ui.inverted.secondary.buttons .button:active,
 .ui.inverted.secondary.button:active {
-  -webkit-box-shadow: none ;
-          box-shadow: none ;
-  color: #FFFFFF;
+  box-shadow: none;
+  color: #fff;
 }
 .ui.inverted.secondary.buttons .button:hover,
 .ui.inverted.secondary.button:hover {
@@ -1668,36 +1524,31 @@
 .ui.inverted.secondary.buttons .basic.button,
 .ui.inverted.secondary.basic.button {
   background-color: transparent;
-  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
-          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
-  color: #FFFFFF;
+  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
+  color: #fff;
 }
 .ui.inverted.secondary.basic.buttons .button:hover,
 .ui.inverted.secondary.buttons .basic.button:hover,
 .ui.inverted.secondary.basic.button:hover {
-  -webkit-box-shadow: 0 0 0 2px #6e6e6e inset;
-          box-shadow: 0 0 0 2px #6e6e6e inset;
+  box-shadow: 0 0 0 2px #6e6e6e inset;
   color: #545454;
 }
 .ui.inverted.secondary.basic.buttons .button:focus,
 .ui.inverted.secondary.basic.buttons .button:focus,
 .ui.inverted.secondary.basic.button:focus {
-  -webkit-box-shadow: 0 0 0 2px #686868 inset;
-          box-shadow: 0 0 0 2px #686868 inset;
+  box-shadow: 0 0 0 2px #686868 inset;
   color: #545454;
 }
 .ui.inverted.secondary.basic.buttons .active.button,
 .ui.inverted.secondary.buttons .basic.active.button,
 .ui.inverted.secondary.basic.active.button {
-  -webkit-box-shadow: 0 0 0 2px #616161 inset;
-          box-shadow: 0 0 0 2px #616161 inset;
+  box-shadow: 0 0 0 2px #616161 inset;
   color: #545454;
 }
 .ui.inverted.secondary.basic.buttons .button:active,
 .ui.inverted.secondary.buttons .basic.button:active,
 .ui.inverted.secondary.basic.button:active {
-  -webkit-box-shadow: 0 0 0 2px #6e6e6e inset;
-          box-shadow: 0 0 0 2px #6e6e6e inset;
+  box-shadow: 0 0 0 2px #6e6e6e inset;
   color: #545454;
 }
 
@@ -1706,22 +1557,19 @@
 .ui.tertiary.secondary.buttons .tertiary.button,
 .ui.tertiary.secondary.button {
   background: transparent;
-  -webkit-box-shadow: none;
-          box-shadow: none;
-  color: #1B1C1D;
+  box-shadow: none;
+  color: #1b1c1d;
 }
 .ui.tertiary.secondary.buttons .button:hover,
 .ui.tertiary.secondary.buttons button:hover,
 .ui.tertiary.secondary.button:hover {
-  -webkit-box-shadow: inset 0 -0.2em 0 #292929;
-          box-shadow: inset 0 -0.2em 0 #292929;
+  box-shadow: inset 0 -0.2em 0 #292929;
   color: #292929;
 }
 .ui.tertiary.secondary.buttons .button:focus,
 .ui.tertiary.secondary.buttons .tertiary.button:focus,
 .ui.tertiary.secondary.button:focus {
-  -webkit-box-shadow: inset 0 -0.2em 0 #303030;
-          box-shadow: inset 0 -0.2em 0 #303030;
+  box-shadow: inset 0 -0.2em 0 #303030;
   color: #303030;
 }
 .ui.tertiary.secondary.buttons .active.button,
@@ -1730,37 +1578,35 @@
 .ui.tertiary.secondary.buttons .button:active,
 .ui.tertiary.secondary.buttons .tertiary.button:active,
 .ui.tertiary.secondary.button:active {
-  -webkit-box-shadow: inset 0 -0.2em 0 #1f2933;
-          box-shadow: inset 0 -0.2em 0 #1f2933;
+  box-shadow: inset 0 -0.2em 0 #1f2933;
   color: #27292a;
 }
 .ui.red.buttons .button,
 .ui.red.button {
-  background-color: #DB2828;
-  color: #FFFFFF;
+  background-color: #db2828;
+  color: #fff;
   text-shadow: none;
   background-image: none;
 }
 .ui.red.button {
-  -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
-          box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
+  box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
 }
 .ui.red.buttons .button:hover,
 .ui.red.button:hover {
   background-color: #d01919;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.red.buttons .button:focus,
 .ui.red.button:focus {
   background-color: #ca1010;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.red.buttons .button:active,
 .ui.red.button:active {
   background-color: #b21e1e;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.red.buttons .active.button,
@@ -1768,7 +1614,7 @@
 .ui.red.active.button,
 .ui.red.button .active.button:active {
   background-color: #d41515;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 
@@ -1776,48 +1622,39 @@
 .ui.basic.red.buttons .button,
 .ui.basic.red.button {
   background: transparent;
-  -webkit-box-shadow: 0 0 0 1px #DB2828 inset;
-          box-shadow: 0 0 0 1px #DB2828 inset;
-  color: #DB2828;
+  box-shadow: 0 0 0 1px #db2828 inset;
+  color: #db2828;
 }
 .ui.basic.red.buttons .button:hover,
 .ui.basic.red.button:hover {
-  background: transparent ;
-  -webkit-box-shadow: 0 0 0 1px #d01919 inset;
-          box-shadow: 0 0 0 1px #d01919 inset;
+  background: transparent;
+  box-shadow: 0 0 0 1px #d01919 inset;
   color: #d01919;
 }
 .ui.basic.red.buttons .button:focus,
 .ui.basic.red.button:focus {
-  background: transparent ;
-  -webkit-box-shadow: 0 0 0 1px #ca1010 inset;
-          box-shadow: 0 0 0 1px #ca1010 inset;
+  background: transparent;
+  box-shadow: 0 0 0 1px #ca1010 inset;
   color: #d01919;
 }
 .ui.basic.red.buttons .active.button,
 .ui.basic.red.active.button {
-  background: transparent ;
-  -webkit-box-shadow: 0 0 0 1px #d41515 inset;
-          box-shadow: 0 0 0 1px #d41515 inset;
+  background: transparent;
+  box-shadow: 0 0 0 1px #d41515 inset;
   color: #b21e1e;
 }
 .ui.basic.red.buttons .button:active,
 .ui.basic.red.button:active {
-  -webkit-box-shadow: 0 0 0 1px #b21e1e inset;
-          box-shadow: 0 0 0 1px #b21e1e inset;
+  box-shadow: 0 0 0 1px #b21e1e inset;
   color: #b21e1e;
 }
-.ui.buttons:not(.vertical) > .basic.red.button:not(:first-child) {
-  margin-left: -1px;
-}
 
 /* Inverted */
 .ui.inverted.red.buttons .button,
 .ui.inverted.red.button {
   background-color: transparent;
-  -webkit-box-shadow: 0 0 0 2px #FF695E inset;
-          box-shadow: 0 0 0 2px #FF695E inset;
-  color: #FF695E;
+  box-shadow: 0 0 0 2px #ff695e inset;
+  color: #ff695e;
 }
 .ui.inverted.red.buttons .button:hover,
 .ui.inverted.red.button:hover,
@@ -1827,9 +1664,8 @@
 .ui.inverted.red.button.active,
 .ui.inverted.red.buttons .button:active,
 .ui.inverted.red.button:active {
-  -webkit-box-shadow: none ;
-          box-shadow: none ;
-  color: #FFFFFF;
+  box-shadow: none;
+  color: #fff;
 }
 .ui.inverted.red.buttons .button:hover,
 .ui.inverted.red.button:hover {
@@ -1853,37 +1689,32 @@
 .ui.inverted.red.buttons .basic.button,
 .ui.inverted.red.basic.button {
   background-color: transparent;
-  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
-          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
-  color: #FFFFFF;
+  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
+  color: #fff;
 }
 .ui.inverted.red.basic.buttons .button:hover,
 .ui.inverted.red.buttons .basic.button:hover,
 .ui.inverted.red.basic.button:hover {
-  -webkit-box-shadow: 0 0 0 2px #ff392b inset;
-          box-shadow: 0 0 0 2px #ff392b inset;
-  color: #FF695E;
+  box-shadow: 0 0 0 2px #ff392b inset;
+  color: #ff695e;
 }
 .ui.inverted.red.basic.buttons .button:focus,
 .ui.inverted.red.basic.buttons .button:focus,
 .ui.inverted.red.basic.button:focus {
-  -webkit-box-shadow: 0 0 0 2px #ff4335 inset;
-          box-shadow: 0 0 0 2px #ff4335 inset;
-  color: #FF695E;
+  box-shadow: 0 0 0 2px #ff4335 inset;
+  color: #ff695e;
 }
 .ui.inverted.red.basic.buttons .active.button,
 .ui.inverted.red.buttons .basic.active.button,
 .ui.inverted.red.basic.active.button {
-  -webkit-box-shadow: 0 0 0 2px #ff5144 inset;
-          box-shadow: 0 0 0 2px #ff5144 inset;
-  color: #FF695E;
+  box-shadow: 0 0 0 2px #ff5144 inset;
+  color: #ff695e;
 }
 .ui.inverted.red.basic.buttons .button:active,
 .ui.inverted.red.buttons .basic.button:active,
 .ui.inverted.red.basic.button:active {
-  -webkit-box-shadow: 0 0 0 2px #ff392b inset;
-          box-shadow: 0 0 0 2px #ff392b inset;
-  color: #FF695E;
+  box-shadow: 0 0 0 2px #ff392b inset;
+  color: #ff695e;
 }
 
 /* Tertiary */
@@ -1891,22 +1722,19 @@
 .ui.tertiary.red.buttons .tertiary.button,
 .ui.tertiary.red.button {
   background: transparent;
-  -webkit-box-shadow: none;
-          box-shadow: none;
-  color: #DB2828;
+  box-shadow: none;
+  color: #db2828;
 }
 .ui.tertiary.red.buttons .button:hover,
 .ui.tertiary.red.buttons button:hover,
 .ui.tertiary.red.button:hover {
-  -webkit-box-shadow: inset 0 -0.2em 0 #b93131;
-          box-shadow: inset 0 -0.2em 0 #b93131;
+  box-shadow: inset 0 -0.2em 0 #b93131;
   color: #b93131;
 }
 .ui.tertiary.red.buttons .button:focus,
 .ui.tertiary.red.buttons .tertiary.button:focus,
 .ui.tertiary.red.button:focus {
-  -webkit-box-shadow: inset 0 -0.2em 0 #b52626;
-          box-shadow: inset 0 -0.2em 0 #b52626;
+  box-shadow: inset 0 -0.2em 0 #b52626;
   color: #b52626;
 }
 .ui.tertiary.red.buttons .active.button,
@@ -1915,37 +1743,35 @@
 .ui.tertiary.red.buttons .button:active,
 .ui.tertiary.red.buttons .tertiary.button:active,
 .ui.tertiary.red.button:active {
-  -webkit-box-shadow: inset 0 -0.2em 0 #ea0000;
-          box-shadow: inset 0 -0.2em 0 #ea0000;
+  box-shadow: inset 0 -0.2em 0 #ea0000;
   color: #d41515;
 }
 .ui.orange.buttons .button,
 .ui.orange.button {
-  background-color: #F2711C;
-  color: #FFFFFF;
+  background-color: #f2711c;
+  color: #fff;
   text-shadow: none;
   background-image: none;
 }
 .ui.orange.button {
-  -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
-          box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
+  box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
 }
 .ui.orange.buttons .button:hover,
 .ui.orange.button:hover {
   background-color: #f26202;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.orange.buttons .button:focus,
 .ui.orange.button:focus {
   background-color: #e55b00;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.orange.buttons .button:active,
 .ui.orange.button:active {
   background-color: #cf590c;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.orange.buttons .active.button,
@@ -1953,7 +1779,7 @@
 .ui.orange.active.button,
 .ui.orange.button .active.button:active {
   background-color: #f56100;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 
@@ -1961,48 +1787,39 @@
 .ui.basic.orange.buttons .button,
 .ui.basic.orange.button {
   background: transparent;
-  -webkit-box-shadow: 0 0 0 1px #F2711C inset;
-          box-shadow: 0 0 0 1px #F2711C inset;
-  color: #F2711C;
+  box-shadow: 0 0 0 1px #f2711c inset;
+  color: #f2711c;
 }
 .ui.basic.orange.buttons .button:hover,
 .ui.basic.orange.button:hover {
-  background: transparent ;
-  -webkit-box-shadow: 0 0 0 1px #f26202 inset;
-          box-shadow: 0 0 0 1px #f26202 inset;
+  background: transparent;
+  box-shadow: 0 0 0 1px #f26202 inset;
   color: #f26202;
 }
 .ui.basic.orange.buttons .button:focus,
 .ui.basic.orange.button:focus {
-  background: transparent ;
-  -webkit-box-shadow: 0 0 0 1px #e55b00 inset;
-          box-shadow: 0 0 0 1px #e55b00 inset;
+  background: transparent;
+  box-shadow: 0 0 0 1px #e55b00 inset;
   color: #f26202;
 }
 .ui.basic.orange.buttons .active.button,
 .ui.basic.orange.active.button {
-  background: transparent ;
-  -webkit-box-shadow: 0 0 0 1px #f56100 inset;
-          box-shadow: 0 0 0 1px #f56100 inset;
+  background: transparent;
+  box-shadow: 0 0 0 1px #f56100 inset;
   color: #cf590c;
 }
 .ui.basic.orange.buttons .button:active,
 .ui.basic.orange.button:active {
-  -webkit-box-shadow: 0 0 0 1px #cf590c inset;
-          box-shadow: 0 0 0 1px #cf590c inset;
+  box-shadow: 0 0 0 1px #cf590c inset;
   color: #cf590c;
 }
-.ui.buttons:not(.vertical) > .basic.orange.button:not(:first-child) {
-  margin-left: -1px;
-}
 
 /* Inverted */
 .ui.inverted.orange.buttons .button,
 .ui.inverted.orange.button {
   background-color: transparent;
-  -webkit-box-shadow: 0 0 0 2px #FF851B inset;
-          box-shadow: 0 0 0 2px #FF851B inset;
-  color: #FF851B;
+  box-shadow: 0 0 0 2px #ff851b inset;
+  color: #ff851b;
 }
 .ui.inverted.orange.buttons .button:hover,
 .ui.inverted.orange.button:hover,
@@ -2012,9 +1829,8 @@
 .ui.inverted.orange.button.active,
 .ui.inverted.orange.buttons .button:active,
 .ui.inverted.orange.button:active {
-  -webkit-box-shadow: none ;
-          box-shadow: none ;
-  color: #FFFFFF;
+  box-shadow: none;
+  color: #fff;
 }
 .ui.inverted.orange.buttons .button:hover,
 .ui.inverted.orange.button:hover {
@@ -2038,37 +1854,32 @@
 .ui.inverted.orange.buttons .basic.button,
 .ui.inverted.orange.basic.button {
   background-color: transparent;
-  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
-          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
-  color: #FFFFFF;
+  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
+  color: #fff;
 }
 .ui.inverted.orange.basic.buttons .button:hover,
 .ui.inverted.orange.buttons .basic.button:hover,
 .ui.inverted.orange.basic.button:hover {
-  -webkit-box-shadow: 0 0 0 2px #e76b00 inset;
-          box-shadow: 0 0 0 2px #e76b00 inset;
-  color: #FF851B;
+  box-shadow: 0 0 0 2px #e76b00 inset;
+  color: #ff851b;
 }
 .ui.inverted.orange.basic.buttons .button:focus,
 .ui.inverted.orange.basic.buttons .button:focus,
 .ui.inverted.orange.basic.button:focus {
-  -webkit-box-shadow: 0 0 0 2px #f17000 inset;
-          box-shadow: 0 0 0 2px #f17000 inset;
-  color: #FF851B;
+  box-shadow: 0 0 0 2px #f17000 inset;
+  color: #ff851b;
 }
 .ui.inverted.orange.basic.buttons .active.button,
 .ui.inverted.orange.buttons .basic.active.button,
 .ui.inverted.orange.basic.active.button {
-  -webkit-box-shadow: 0 0 0 2px #ff7701 inset;
-          box-shadow: 0 0 0 2px #ff7701 inset;
-  color: #FF851B;
+  box-shadow: 0 0 0 2px #ff7701 inset;
+  color: #ff851b;
 }
 .ui.inverted.orange.basic.buttons .button:active,
 .ui.inverted.orange.buttons .basic.button:active,
 .ui.inverted.orange.basic.button:active {
-  -webkit-box-shadow: 0 0 0 2px #e76b00 inset;
-          box-shadow: 0 0 0 2px #e76b00 inset;
-  color: #FF851B;
+  box-shadow: 0 0 0 2px #e76b00 inset;
+  color: #ff851b;
 }
 
 /* Tertiary */
@@ -2076,22 +1887,19 @@
 .ui.tertiary.orange.buttons .tertiary.button,
 .ui.tertiary.orange.button {
   background: transparent;
-  -webkit-box-shadow: none;
-          box-shadow: none;
-  color: #F2711C;
+  box-shadow: none;
+  color: #f2711c;
 }
 .ui.tertiary.orange.buttons .button:hover,
 .ui.tertiary.orange.buttons button:hover,
 .ui.tertiary.orange.button:hover {
-  -webkit-box-shadow: inset 0 -0.2em 0 #da671b;
-          box-shadow: inset 0 -0.2em 0 #da671b;
+  box-shadow: inset 0 -0.2em 0 #da671b;
   color: #da671b;
 }
 .ui.tertiary.orange.buttons .button:focus,
 .ui.tertiary.orange.buttons .tertiary.button:focus,
 .ui.tertiary.orange.button:focus {
-  -webkit-box-shadow: inset 0 -0.2em 0 #ce6017;
-          box-shadow: inset 0 -0.2em 0 #ce6017;
+  box-shadow: inset 0 -0.2em 0 #ce6017;
   color: #ce6017;
 }
 .ui.tertiary.orange.buttons .active.button,
@@ -2100,37 +1908,35 @@
 .ui.tertiary.orange.buttons .button:active,
 .ui.tertiary.orange.buttons .tertiary.button:active,
 .ui.tertiary.orange.button:active {
-  -webkit-box-shadow: inset 0 -0.2em 0 #f56100;
-          box-shadow: inset 0 -0.2em 0 #f56100;
+  box-shadow: inset 0 -0.2em 0 #f56100;
   color: #f56100;
 }
 .ui.yellow.buttons .button,
 .ui.yellow.button {
-  background-color: #FBBD08;
-  color: #FFFFFF;
+  background-color: #fbbd08;
+  color: #fff;
   text-shadow: none;
   background-image: none;
 }
 .ui.yellow.button {
-  -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
-          box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
+  box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
 }
 .ui.yellow.buttons .button:hover,
 .ui.yellow.button:hover {
   background-color: #eaae00;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.yellow.buttons .button:focus,
 .ui.yellow.button:focus {
   background-color: #daa300;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.yellow.buttons .button:active,
 .ui.yellow.button:active {
   background-color: #cd9903;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.yellow.buttons .active.button,
@@ -2138,7 +1944,7 @@
 .ui.yellow.active.button,
 .ui.yellow.button .active.button:active {
   background-color: #eaae00;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 
@@ -2146,48 +1952,39 @@
 .ui.basic.yellow.buttons .button,
 .ui.basic.yellow.button {
   background: transparent;
-  -webkit-box-shadow: 0 0 0 1px #FBBD08 inset;
-          box-shadow: 0 0 0 1px #FBBD08 inset;
-  color: #FBBD08;
+  box-shadow: 0 0 0 1px #fbbd08 inset;
+  color: #fbbd08;
 }
 .ui.basic.yellow.buttons .button:hover,
 .ui.basic.yellow.button:hover {
-  background: transparent ;
-  -webkit-box-shadow: 0 0 0 1px #eaae00 inset;
-          box-shadow: 0 0 0 1px #eaae00 inset;
+  background: transparent;
+  box-shadow: 0 0 0 1px #eaae00 inset;
   color: #eaae00;
 }
 .ui.basic.yellow.buttons .button:focus,
 .ui.basic.yellow.button:focus {
-  background: transparent ;
-  -webkit-box-shadow: 0 0 0 1px #daa300 inset;
-          box-shadow: 0 0 0 1px #daa300 inset;
+  background: transparent;
+  box-shadow: 0 0 0 1px #daa300 inset;
   color: #eaae00;
 }
 .ui.basic.yellow.buttons .active.button,
 .ui.basic.yellow.active.button {
-  background: transparent ;
-  -webkit-box-shadow: 0 0 0 1px #eaae00 inset;
-          box-shadow: 0 0 0 1px #eaae00 inset;
+  background: transparent;
+  box-shadow: 0 0 0 1px #eaae00 inset;
   color: #cd9903;
 }
 .ui.basic.yellow.buttons .button:active,
 .ui.basic.yellow.button:active {
-  -webkit-box-shadow: 0 0 0 1px #cd9903 inset;
-          box-shadow: 0 0 0 1px #cd9903 inset;
+  box-shadow: 0 0 0 1px #cd9903 inset;
   color: #cd9903;
 }
-.ui.buttons:not(.vertical) > .basic.yellow.button:not(:first-child) {
-  margin-left: -1px;
-}
 
 /* Inverted */
 .ui.inverted.yellow.buttons .button,
 .ui.inverted.yellow.button {
   background-color: transparent;
-  -webkit-box-shadow: 0 0 0 2px #FFE21F inset;
-          box-shadow: 0 0 0 2px #FFE21F inset;
-  color: #FFE21F;
+  box-shadow: 0 0 0 2px #ffe21f inset;
+  color: #ffe21f;
 }
 .ui.inverted.yellow.buttons .button:hover,
 .ui.inverted.yellow.button:hover,
@@ -2197,8 +1994,7 @@
 .ui.inverted.yellow.button.active,
 .ui.inverted.yellow.buttons .button:active,
 .ui.inverted.yellow.button:active {
-  -webkit-box-shadow: none ;
-          box-shadow: none ;
+  box-shadow: none;
   color: rgba(0, 0, 0, 0.6);
 }
 .ui.inverted.yellow.buttons .button:hover,
@@ -2223,37 +2019,32 @@
 .ui.inverted.yellow.buttons .basic.button,
 .ui.inverted.yellow.basic.button {
   background-color: transparent;
-  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
-          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
-  color: #FFFFFF;
+  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
+  color: #fff;
 }
 .ui.inverted.yellow.basic.buttons .button:hover,
 .ui.inverted.yellow.buttons .basic.button:hover,
 .ui.inverted.yellow.basic.button:hover {
-  -webkit-box-shadow: 0 0 0 2px #ebcd00 inset;
-          box-shadow: 0 0 0 2px #ebcd00 inset;
-  color: #FFE21F;
+  box-shadow: 0 0 0 2px #ebcd00 inset;
+  color: #ffe21f;
 }
 .ui.inverted.yellow.basic.buttons .button:focus,
 .ui.inverted.yellow.basic.buttons .button:focus,
 .ui.inverted.yellow.basic.button:focus {
-  -webkit-box-shadow: 0 0 0 2px #f5d500 inset;
-          box-shadow: 0 0 0 2px #f5d500 inset;
-  color: #FFE21F;
+  box-shadow: 0 0 0 2px #f5d500 inset;
+  color: #ffe21f;
 }
 .ui.inverted.yellow.basic.buttons .active.button,
 .ui.inverted.yellow.buttons .basic.active.button,
 .ui.inverted.yellow.basic.active.button {
-  -webkit-box-shadow: 0 0 0 2px #ffdf05 inset;
-          box-shadow: 0 0 0 2px #ffdf05 inset;
-  color: #FFE21F;
+  box-shadow: 0 0 0 2px #ffdf05 inset;
+  color: #ffe21f;
 }
 .ui.inverted.yellow.basic.buttons .button:active,
 .ui.inverted.yellow.buttons .basic.button:active,
 .ui.inverted.yellow.basic.button:active {
-  -webkit-box-shadow: 0 0 0 2px #ebcd00 inset;
-          box-shadow: 0 0 0 2px #ebcd00 inset;
-  color: #FFE21F;
+  box-shadow: 0 0 0 2px #ebcd00 inset;
+  color: #ffe21f;
 }
 
 /* Tertiary */
@@ -2261,22 +2052,19 @@
 .ui.tertiary.yellow.buttons .tertiary.button,
 .ui.tertiary.yellow.button {
   background: transparent;
-  -webkit-box-shadow: none;
-          box-shadow: none;
-  color: #FBBD08;
+  box-shadow: none;
+  color: #fbbd08;
 }
 .ui.tertiary.yellow.buttons .button:hover,
 .ui.tertiary.yellow.buttons button:hover,
 .ui.tertiary.yellow.button:hover {
-  -webkit-box-shadow: inset 0 -0.2em 0 #d2a217;
-          box-shadow: inset 0 -0.2em 0 #d2a217;
+  box-shadow: inset 0 -0.2em 0 #d2a217;
   color: #d2a217;
 }
 .ui.tertiary.yellow.buttons .button:focus,
 .ui.tertiary.yellow.buttons .tertiary.button:focus,
 .ui.tertiary.yellow.button:focus {
-  -webkit-box-shadow: inset 0 -0.2em 0 #c49816;
-          box-shadow: inset 0 -0.2em 0 #c49816;
+  box-shadow: inset 0 -0.2em 0 #c49816;
   color: #c49816;
 }
 .ui.tertiary.yellow.buttons .active.button,
@@ -2285,37 +2073,35 @@
 .ui.tertiary.yellow.buttons .button:active,
 .ui.tertiary.yellow.buttons .tertiary.button:active,
 .ui.tertiary.yellow.button:active {
-  -webkit-box-shadow: inset 0 -0.2em 0 #eaae00;
-          box-shadow: inset 0 -0.2em 0 #eaae00;
+  box-shadow: inset 0 -0.2em 0 #eaae00;
   color: #eaae00;
 }
 .ui.olive.buttons .button,
 .ui.olive.button {
-  background-color: #B5CC18;
-  color: #FFFFFF;
+  background-color: #b5cc18;
+  color: #fff;
   text-shadow: none;
   background-image: none;
 }
 .ui.olive.button {
-  -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
-          box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
+  box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
 }
 .ui.olive.buttons .button:hover,
 .ui.olive.button:hover {
   background-color: #a7bd0d;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.olive.buttons .button:focus,
 .ui.olive.button:focus {
   background-color: #a0b605;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.olive.buttons .button:active,
 .ui.olive.button:active {
   background-color: #8d9e13;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.olive.buttons .active.button,
@@ -2323,7 +2109,7 @@
 .ui.olive.active.button,
 .ui.olive.button .active.button:active {
   background-color: #aac109;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 
@@ -2331,48 +2117,39 @@
 .ui.basic.olive.buttons .button,
 .ui.basic.olive.button {
   background: transparent;
-  -webkit-box-shadow: 0 0 0 1px #B5CC18 inset;
-          box-shadow: 0 0 0 1px #B5CC18 inset;
-  color: #B5CC18;
+  box-shadow: 0 0 0 1px #b5cc18 inset;
+  color: #b5cc18;
 }
 .ui.basic.olive.buttons .button:hover,
 .ui.basic.olive.button:hover {
-  background: transparent ;
-  -webkit-box-shadow: 0 0 0 1px #a7bd0d inset;
-          box-shadow: 0 0 0 1px #a7bd0d inset;
+  background: transparent;
+  box-shadow: 0 0 0 1px #a7bd0d inset;
   color: #a7bd0d;
 }
 .ui.basic.olive.buttons .button:focus,
 .ui.basic.olive.button:focus {
-  background: transparent ;
-  -webkit-box-shadow: 0 0 0 1px #a0b605 inset;
-          box-shadow: 0 0 0 1px #a0b605 inset;
+  background: transparent;
+  box-shadow: 0 0 0 1px #a0b605 inset;
   color: #a7bd0d;
 }
 .ui.basic.olive.buttons .active.button,
 .ui.basic.olive.active.button {
-  background: transparent ;
-  -webkit-box-shadow: 0 0 0 1px #aac109 inset;
-          box-shadow: 0 0 0 1px #aac109 inset;
+  background: transparent;
+  box-shadow: 0 0 0 1px #aac109 inset;
   color: #8d9e13;
 }
 .ui.basic.olive.buttons .button:active,
 .ui.basic.olive.button:active {
-  -webkit-box-shadow: 0 0 0 1px #8d9e13 inset;
-          box-shadow: 0 0 0 1px #8d9e13 inset;
+  box-shadow: 0 0 0 1px #8d9e13 inset;
   color: #8d9e13;
 }
-.ui.buttons:not(.vertical) > .basic.olive.button:not(:first-child) {
-  margin-left: -1px;
-}
 
 /* Inverted */
 .ui.inverted.olive.buttons .button,
 .ui.inverted.olive.button {
   background-color: transparent;
-  -webkit-box-shadow: 0 0 0 2px #D9E778 inset;
-          box-shadow: 0 0 0 2px #D9E778 inset;
-  color: #D9E778;
+  box-shadow: 0 0 0 2px #d9e778 inset;
+  color: #d9e778;
 }
 .ui.inverted.olive.buttons .button:hover,
 .ui.inverted.olive.button:hover,
@@ -2382,8 +2159,7 @@
 .ui.inverted.olive.button.active,
 .ui.inverted.olive.buttons .button:active,
 .ui.inverted.olive.button:active {
-  -webkit-box-shadow: none ;
-          box-shadow: none ;
+  box-shadow: none;
   color: rgba(0, 0, 0, 0.6);
 }
 .ui.inverted.olive.buttons .button:hover,
@@ -2408,37 +2184,32 @@
 .ui.inverted.olive.buttons .basic.button,
 .ui.inverted.olive.basic.button {
   background-color: transparent;
-  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
-          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
-  color: #FFFFFF;
+  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
+  color: #fff;
 }
 .ui.inverted.olive.basic.buttons .button:hover,
 .ui.inverted.olive.buttons .basic.button:hover,
 .ui.inverted.olive.basic.button:hover {
-  -webkit-box-shadow: 0 0 0 2px #d2e745 inset;
-          box-shadow: 0 0 0 2px #d2e745 inset;
-  color: #D9E778;
+  box-shadow: 0 0 0 2px #d2e745 inset;
+  color: #d9e778;
 }
 .ui.inverted.olive.basic.buttons .button:focus,
 .ui.inverted.olive.basic.buttons .button:focus,
 .ui.inverted.olive.basic.button:focus {
-  -webkit-box-shadow: 0 0 0 2px #daef47 inset;
-          box-shadow: 0 0 0 2px #daef47 inset;
-  color: #D9E778;
+  box-shadow: 0 0 0 2px #daef47 inset;
+  color: #d9e778;
 }
 .ui.inverted.olive.basic.buttons .active.button,
 .ui.inverted.olive.buttons .basic.active.button,
 .ui.inverted.olive.basic.active.button {
-  -webkit-box-shadow: 0 0 0 2px #daed59 inset;
-          box-shadow: 0 0 0 2px #daed59 inset;
-  color: #D9E778;
+  box-shadow: 0 0 0 2px #daed59 inset;
+  color: #d9e778;
 }
 .ui.inverted.olive.basic.buttons .button:active,
 .ui.inverted.olive.buttons .basic.button:active,
 .ui.inverted.olive.basic.button:active {
-  -webkit-box-shadow: 0 0 0 2px #cddf4d inset;
-          box-shadow: 0 0 0 2px #cddf4d inset;
-  color: #D9E778;
+  box-shadow: 0 0 0 2px #cddf4d inset;
+  color: #d9e778;
 }
 
 /* Tertiary */
@@ -2446,22 +2217,19 @@
 .ui.tertiary.olive.buttons .tertiary.button,
 .ui.tertiary.olive.button {
   background: transparent;
-  -webkit-box-shadow: none;
-          box-shadow: none;
-  color: #B5CC18;
+  box-shadow: none;
+  color: #b5cc18;
 }
 .ui.tertiary.olive.buttons .button:hover,
 .ui.tertiary.olive.buttons button:hover,
 .ui.tertiary.olive.button:hover {
-  -webkit-box-shadow: inset 0 -0.2em 0 #98a922;
-          box-shadow: inset 0 -0.2em 0 #98a922;
+  box-shadow: inset 0 -0.2em 0 #98a922;
   color: #98a922;
 }
 .ui.tertiary.olive.buttons .button:focus,
 .ui.tertiary.olive.buttons .tertiary.button:focus,
 .ui.tertiary.olive.button:focus {
-  -webkit-box-shadow: inset 0 -0.2em 0 #92a418;
-          box-shadow: inset 0 -0.2em 0 #92a418;
+  box-shadow: inset 0 -0.2em 0 #92a418;
   color: #92a418;
 }
 .ui.tertiary.olive.buttons .active.button,
@@ -2470,37 +2238,35 @@
 .ui.tertiary.olive.buttons .button:active,
 .ui.tertiary.olive.buttons .tertiary.button:active,
 .ui.tertiary.olive.button:active {
-  -webkit-box-shadow: inset 0 -0.2em 0 #b1cb00;
-          box-shadow: inset 0 -0.2em 0 #b1cb00;
+  box-shadow: inset 0 -0.2em 0 #b1cb00;
   color: #aac109;
 }
 .ui.green.buttons .button,
 .ui.green.button {
-  background-color: #21BA45;
-  color: #FFFFFF;
+  background-color: #21ba45;
+  color: #fff;
   text-shadow: none;
   background-image: none;
 }
 .ui.green.button {
-  -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
-          box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
+  box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
 }
 .ui.green.buttons .button:hover,
 .ui.green.button:hover {
   background-color: #16ab39;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.green.buttons .button:focus,
 .ui.green.button:focus {
   background-color: #0ea432;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.green.buttons .button:active,
 .ui.green.button:active {
   background-color: #198f35;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.green.buttons .active.button,
@@ -2508,7 +2274,7 @@
 .ui.green.active.button,
 .ui.green.button .active.button:active {
   background-color: #13ae38;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 
@@ -2516,48 +2282,39 @@
 .ui.basic.green.buttons .button,
 .ui.basic.green.button {
   background: transparent;
-  -webkit-box-shadow: 0 0 0 1px #21BA45 inset;
-          box-shadow: 0 0 0 1px #21BA45 inset;
-  color: #21BA45;
+  box-shadow: 0 0 0 1px #21ba45 inset;
+  color: #21ba45;
 }
 .ui.basic.green.buttons .button:hover,
 .ui.basic.green.button:hover {
-  background: transparent ;
-  -webkit-box-shadow: 0 0 0 1px #16ab39 inset;
-          box-shadow: 0 0 0 1px #16ab39 inset;
+  background: transparent;
+  box-shadow: 0 0 0 1px #16ab39 inset;
   color: #16ab39;
 }
 .ui.basic.green.buttons .button:focus,
 .ui.basic.green.button:focus {
-  background: transparent ;
-  -webkit-box-shadow: 0 0 0 1px #0ea432 inset;
-          box-shadow: 0 0 0 1px #0ea432 inset;
+  background: transparent;
+  box-shadow: 0 0 0 1px #0ea432 inset;
   color: #16ab39;
 }
 .ui.basic.green.buttons .active.button,
 .ui.basic.green.active.button {
-  background: transparent ;
-  -webkit-box-shadow: 0 0 0 1px #13ae38 inset;
-          box-shadow: 0 0 0 1px #13ae38 inset;
+  background: transparent;
+  box-shadow: 0 0 0 1px #13ae38 inset;
   color: #198f35;
 }
 .ui.basic.green.buttons .button:active,
 .ui.basic.green.button:active {
-  -webkit-box-shadow: 0 0 0 1px #198f35 inset;
-          box-shadow: 0 0 0 1px #198f35 inset;
+  box-shadow: 0 0 0 1px #198f35 inset;
   color: #198f35;
 }
-.ui.buttons:not(.vertical) > .basic.green.button:not(:first-child) {
-  margin-left: -1px;
-}
 
 /* Inverted */
 .ui.inverted.green.buttons .button,
 .ui.inverted.green.button {
   background-color: transparent;
-  -webkit-box-shadow: 0 0 0 2px #2ECC40 inset;
-          box-shadow: 0 0 0 2px #2ECC40 inset;
-  color: #2ECC40;
+  box-shadow: 0 0 0 2px #2ecc40 inset;
+  color: #2ecc40;
 }
 .ui.inverted.green.buttons .button:hover,
 .ui.inverted.green.button:hover,
@@ -2567,9 +2324,8 @@
 .ui.inverted.green.button.active,
 .ui.inverted.green.buttons .button:active,
 .ui.inverted.green.button:active {
-  -webkit-box-shadow: none ;
-          box-shadow: none ;
-  color: #FFFFFF;
+  box-shadow: none;
+  color: #fff;
 }
 .ui.inverted.green.buttons .button:hover,
 .ui.inverted.green.button:hover {
@@ -2593,37 +2349,32 @@
 .ui.inverted.green.buttons .basic.button,
 .ui.inverted.green.basic.button {
   background-color: transparent;
-  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
-          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
-  color: #FFFFFF;
+  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
+  color: #fff;
 }
 .ui.inverted.green.basic.buttons .button:hover,
 .ui.inverted.green.buttons .basic.button:hover,
 .ui.inverted.green.basic.button:hover {
-  -webkit-box-shadow: 0 0 0 2px #1ea92e inset;
-          box-shadow: 0 0 0 2px #1ea92e inset;
-  color: #2ECC40;
+  box-shadow: 0 0 0 2px #1ea92e inset;
+  color: #2ecc40;
 }
 .ui.inverted.green.basic.buttons .button:focus,
 .ui.inverted.green.basic.buttons .button:focus,
 .ui.inverted.green.basic.button:focus {
-  -webkit-box-shadow: 0 0 0 2px #19b82b inset;
-          box-shadow: 0 0 0 2px #19b82b inset;
-  color: #2ECC40;
+  box-shadow: 0 0 0 2px #19b82b inset;
+  color: #2ecc40;
 }
 .ui.inverted.green.basic.buttons .active.button,
 .ui.inverted.green.buttons .basic.active.button,
 .ui.inverted.green.basic.active.button {
-  -webkit-box-shadow: 0 0 0 2px #1fc231 inset;
-          box-shadow: 0 0 0 2px #1fc231 inset;
-  color: #2ECC40;
+  box-shadow: 0 0 0 2px #1fc231 inset;
+  color: #2ecc40;
 }
 .ui.inverted.green.basic.buttons .button:active,
 .ui.inverted.green.buttons .basic.button:active,
 .ui.inverted.green.basic.button:active {
-  -webkit-box-shadow: 0 0 0 2px #25a233 inset;
-          box-shadow: 0 0 0 2px #25a233 inset;
-  color: #2ECC40;
+  box-shadow: 0 0 0 2px #25a233 inset;
+  color: #2ecc40;
 }
 
 /* Tertiary */
@@ -2631,22 +2382,19 @@
 .ui.tertiary.green.buttons .tertiary.button,
 .ui.tertiary.green.button {
   background: transparent;
-  -webkit-box-shadow: none;
-          box-shadow: none;
-  color: #21BA45;
+  box-shadow: none;
+  color: #21ba45;
 }
 .ui.tertiary.green.buttons .button:hover,
 .ui.tertiary.green.buttons button:hover,
 .ui.tertiary.green.button:hover {
-  -webkit-box-shadow: inset 0 -0.2em 0 #2a9844;
-          box-shadow: inset 0 -0.2em 0 #2a9844;
+  box-shadow: inset 0 -0.2em 0 #2a9844;
   color: #2a9844;
 }
 .ui.tertiary.green.buttons .button:focus,
 .ui.tertiary.green.buttons .tertiary.button:focus,
 .ui.tertiary.green.button:focus {
-  -webkit-box-shadow: inset 0 -0.2em 0 #20923b;
-          box-shadow: inset 0 -0.2em 0 #20923b;
+  box-shadow: inset 0 -0.2em 0 #20923b;
   color: #20923b;
 }
 .ui.tertiary.green.buttons .active.button,
@@ -2655,37 +2403,35 @@
 .ui.tertiary.green.buttons .button:active,
 .ui.tertiary.green.buttons .tertiary.button:active,
 .ui.tertiary.green.button:active {
-  -webkit-box-shadow: inset 0 -0.2em 0 #00c22e;
-          box-shadow: inset 0 -0.2em 0 #00c22e;
+  box-shadow: inset 0 -0.2em 0 #00c22e;
   color: #13ae38;
 }
 .ui.teal.buttons .button,
 .ui.teal.button {
-  background-color: #00B5AD;
-  color: #FFFFFF;
+  background-color: #00b5ad;
+  color: #fff;
   text-shadow: none;
   background-image: none;
 }
 .ui.teal.button {
-  -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
-          box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
+  box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
 }
 .ui.teal.buttons .button:hover,
 .ui.teal.button:hover {
   background-color: #009c95;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.teal.buttons .button:focus,
 .ui.teal.button:focus {
   background-color: #008c86;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.teal.buttons .button:active,
 .ui.teal.button:active {
   background-color: #00827c;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.teal.buttons .active.button,
@@ -2693,7 +2439,7 @@
 .ui.teal.active.button,
 .ui.teal.button .active.button:active {
   background-color: #009c95;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 
@@ -2701,48 +2447,39 @@
 .ui.basic.teal.buttons .button,
 .ui.basic.teal.button {
   background: transparent;
-  -webkit-box-shadow: 0 0 0 1px #00B5AD inset;
-          box-shadow: 0 0 0 1px #00B5AD inset;
-  color: #00B5AD;
+  box-shadow: 0 0 0 1px #00b5ad inset;
+  color: #00b5ad;
 }
 .ui.basic.teal.buttons .button:hover,
 .ui.basic.teal.button:hover {
-  background: transparent ;
-  -webkit-box-shadow: 0 0 0 1px #009c95 inset;
-          box-shadow: 0 0 0 1px #009c95 inset;
+  background: transparent;
+  box-shadow: 0 0 0 1px #009c95 inset;
   color: #009c95;
 }
 .ui.basic.teal.buttons .button:focus,
 .ui.basic.teal.button:focus {
-  background: transparent ;
-  -webkit-box-shadow: 0 0 0 1px #008c86 inset;
-          box-shadow: 0 0 0 1px #008c86 inset;
+  background: transparent;
+  box-shadow: 0 0 0 1px #008c86 inset;
   color: #009c95;
 }
 .ui.basic.teal.buttons .active.button,
 .ui.basic.teal.active.button {
-  background: transparent ;
-  -webkit-box-shadow: 0 0 0 1px #009c95 inset;
-          box-shadow: 0 0 0 1px #009c95 inset;
+  background: transparent;
+  box-shadow: 0 0 0 1px #009c95 inset;
   color: #00827c;
 }
 .ui.basic.teal.buttons .button:active,
 .ui.basic.teal.button:active {
-  -webkit-box-shadow: 0 0 0 1px #00827c inset;
-          box-shadow: 0 0 0 1px #00827c inset;
+  box-shadow: 0 0 0 1px #00827c inset;
   color: #00827c;
 }
-.ui.buttons:not(.vertical) > .basic.teal.button:not(:first-child) {
-  margin-left: -1px;
-}
 
 /* Inverted */
 .ui.inverted.teal.buttons .button,
 .ui.inverted.teal.button {
   background-color: transparent;
-  -webkit-box-shadow: 0 0 0 2px #6DFFFF inset;
-          box-shadow: 0 0 0 2px #6DFFFF inset;
-  color: #6DFFFF;
+  box-shadow: 0 0 0 2px #6dffff inset;
+  color: #6dffff;
 }
 .ui.inverted.teal.buttons .button:hover,
 .ui.inverted.teal.button:hover,
@@ -2752,8 +2489,7 @@
 .ui.inverted.teal.button.active,
 .ui.inverted.teal.buttons .button:active,
 .ui.inverted.teal.button:active {
-  -webkit-box-shadow: none ;
-          box-shadow: none ;
+  box-shadow: none;
   color: rgba(0, 0, 0, 0.6);
 }
 .ui.inverted.teal.buttons .button:hover,
@@ -2778,37 +2514,32 @@
 .ui.inverted.teal.buttons .basic.button,
 .ui.inverted.teal.basic.button {
   background-color: transparent;
-  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
-          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
-  color: #FFFFFF;
+  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
+  color: #fff;
 }
 .ui.inverted.teal.basic.buttons .button:hover,
 .ui.inverted.teal.buttons .basic.button:hover,
 .ui.inverted.teal.basic.button:hover {
-  -webkit-box-shadow: 0 0 0 2px #3affff inset;
-          box-shadow: 0 0 0 2px #3affff inset;
-  color: #6DFFFF;
+  box-shadow: 0 0 0 2px #3affff inset;
+  color: #6dffff;
 }
 .ui.inverted.teal.basic.buttons .button:focus,
 .ui.inverted.teal.basic.buttons .button:focus,
 .ui.inverted.teal.basic.button:focus {
-  -webkit-box-shadow: 0 0 0 2px #44ffff inset;
-          box-shadow: 0 0 0 2px #44ffff inset;
-  color: #6DFFFF;
+  box-shadow: 0 0 0 2px #44ffff inset;
+  color: #6dffff;
 }
 .ui.inverted.teal.basic.buttons .active.button,
 .ui.inverted.teal.buttons .basic.active.button,
 .ui.inverted.teal.basic.active.button {
-  -webkit-box-shadow: 0 0 0 2px #54ffff inset;
-          box-shadow: 0 0 0 2px #54ffff inset;
-  color: #6DFFFF;
+  box-shadow: 0 0 0 2px #54ffff inset;
+  color: #6dffff;
 }
 .ui.inverted.teal.basic.buttons .button:active,
 .ui.inverted.teal.buttons .basic.button:active,
 .ui.inverted.teal.basic.button:active {
-  -webkit-box-shadow: 0 0 0 2px #3affff inset;
-          box-shadow: 0 0 0 2px #3affff inset;
-  color: #6DFFFF;
+  box-shadow: 0 0 0 2px #3affff inset;
+  color: #6dffff;
 }
 
 /* Tertiary */
@@ -2816,22 +2547,19 @@
 .ui.tertiary.teal.buttons .tertiary.button,
 .ui.tertiary.teal.button {
   background: transparent;
-  -webkit-box-shadow: none;
-          box-shadow: none;
-  color: #00B5AD;
+  box-shadow: none;
+  color: #00b5ad;
 }
 .ui.tertiary.teal.buttons .button:hover,
 .ui.tertiary.teal.buttons button:hover,
 .ui.tertiary.teal.button:hover {
-  -webkit-box-shadow: inset 0 -0.2em 0 #108c86;
-          box-shadow: inset 0 -0.2em 0 #108c86;
+  box-shadow: inset 0 -0.2em 0 #108c86;
   color: #108c86;
 }
 .ui.tertiary.teal.buttons .button:focus,
 .ui.tertiary.teal.buttons .tertiary.button:focus,
 .ui.tertiary.teal.button:focus {
-  -webkit-box-shadow: inset 0 -0.2em 0 #0e7e79;
-          box-shadow: inset 0 -0.2em 0 #0e7e79;
+  box-shadow: inset 0 -0.2em 0 #0e7e79;
   color: #0e7e79;
 }
 .ui.tertiary.teal.buttons .active.button,
@@ -2840,37 +2568,35 @@
 .ui.tertiary.teal.buttons .button:active,
 .ui.tertiary.teal.buttons .tertiary.button:active,
 .ui.tertiary.teal.button:active {
-  -webkit-box-shadow: inset 0 -0.2em 0 #009c95;
-          box-shadow: inset 0 -0.2em 0 #009c95;
+  box-shadow: inset 0 -0.2em 0 #009c95;
   color: #009c95;
 }
 .ui.blue.buttons .button,
 .ui.blue.button {
-  background-color: #2185D0;
-  color: #FFFFFF;
+  background-color: #2185d0;
+  color: #fff;
   text-shadow: none;
   background-image: none;
 }
 .ui.blue.button {
-  -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
-          box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
+  box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
 }
 .ui.blue.buttons .button:hover,
 .ui.blue.button:hover {
   background-color: #1678c2;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.blue.buttons .button:focus,
 .ui.blue.button:focus {
   background-color: #0d71bb;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.blue.buttons .button:active,
 .ui.blue.button:active {
   background-color: #1a69a4;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.blue.buttons .active.button,
@@ -2878,7 +2604,7 @@
 .ui.blue.active.button,
 .ui.blue.button .active.button:active {
   background-color: #1279c6;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 
@@ -2886,48 +2612,39 @@
 .ui.basic.blue.buttons .button,
 .ui.basic.blue.button {
   background: transparent;
-  -webkit-box-shadow: 0 0 0 1px #2185D0 inset;
-          box-shadow: 0 0 0 1px #2185D0 inset;
-  color: #2185D0;
+  box-shadow: 0 0 0 1px #2185d0 inset;
+  color: #2185d0;
 }
 .ui.basic.blue.buttons .button:hover,
 .ui.basic.blue.button:hover {
-  background: transparent ;
-  -webkit-box-shadow: 0 0 0 1px #1678c2 inset;
-          box-shadow: 0 0 0 1px #1678c2 inset;
+  background: transparent;
+  box-shadow: 0 0 0 1px #1678c2 inset;
   color: #1678c2;
 }
 .ui.basic.blue.buttons .button:focus,
 .ui.basic.blue.button:focus {
-  background: transparent ;
-  -webkit-box-shadow: 0 0 0 1px #0d71bb inset;
-          box-shadow: 0 0 0 1px #0d71bb inset;
+  background: transparent;
+  box-shadow: 0 0 0 1px #0d71bb inset;
   color: #1678c2;
 }
 .ui.basic.blue.buttons .active.button,
 .ui.basic.blue.active.button {
-  background: transparent ;
-  -webkit-box-shadow: 0 0 0 1px #1279c6 inset;
-          box-shadow: 0 0 0 1px #1279c6 inset;
+  background: transparent;
+  box-shadow: 0 0 0 1px #1279c6 inset;
   color: #1a69a4;
 }
 .ui.basic.blue.buttons .button:active,
 .ui.basic.blue.button:active {
-  -webkit-box-shadow: 0 0 0 1px #1a69a4 inset;
-          box-shadow: 0 0 0 1px #1a69a4 inset;
+  box-shadow: 0 0 0 1px #1a69a4 inset;
   color: #1a69a4;
 }
-.ui.buttons:not(.vertical) > .basic.blue.button:not(:first-child) {
-  margin-left: -1px;
-}
 
 /* Inverted */
 .ui.inverted.blue.buttons .button,
 .ui.inverted.blue.button {
   background-color: transparent;
-  -webkit-box-shadow: 0 0 0 2px #54C8FF inset;
-          box-shadow: 0 0 0 2px #54C8FF inset;
-  color: #54C8FF;
+  box-shadow: 0 0 0 2px #54c8ff inset;
+  color: #54c8ff;
 }
 .ui.inverted.blue.buttons .button:hover,
 .ui.inverted.blue.button:hover,
@@ -2937,9 +2654,8 @@
 .ui.inverted.blue.button.active,
 .ui.inverted.blue.buttons .button:active,
 .ui.inverted.blue.button:active {
-  -webkit-box-shadow: none ;
-          box-shadow: none ;
-  color: #FFFFFF;
+  box-shadow: none;
+  color: #fff;
 }
 .ui.inverted.blue.buttons .button:hover,
 .ui.inverted.blue.button:hover {
@@ -2963,37 +2679,32 @@
 .ui.inverted.blue.buttons .basic.button,
 .ui.inverted.blue.basic.button {
   background-color: transparent;
-  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
-          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
-  color: #FFFFFF;
+  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
+  color: #fff;
 }
 .ui.inverted.blue.basic.buttons .button:hover,
 .ui.inverted.blue.buttons .basic.button:hover,
 .ui.inverted.blue.basic.button:hover {
-  -webkit-box-shadow: 0 0 0 2px #21b8ff inset;
-          box-shadow: 0 0 0 2px #21b8ff inset;
-  color: #54C8FF;
+  box-shadow: 0 0 0 2px #21b8ff inset;
+  color: #54c8ff;
 }
 .ui.inverted.blue.basic.buttons .button:focus,
 .ui.inverted.blue.basic.buttons .button:focus,
 .ui.inverted.blue.basic.button:focus {
-  -webkit-box-shadow: 0 0 0 2px #2bbbff inset;
-          box-shadow: 0 0 0 2px #2bbbff inset;
-  color: #54C8FF;
+  box-shadow: 0 0 0 2px #2bbbff inset;
+  color: #54c8ff;
 }
 .ui.inverted.blue.basic.buttons .active.button,
 .ui.inverted.blue.buttons .basic.active.button,
 .ui.inverted.blue.basic.active.button {
-  -webkit-box-shadow: 0 0 0 2px #3ac0ff inset;
-          box-shadow: 0 0 0 2px #3ac0ff inset;
-  color: #54C8FF;
+  box-shadow: 0 0 0 2px #3ac0ff inset;
+  color: #54c8ff;
 }
 .ui.inverted.blue.basic.buttons .button:active,
 .ui.inverted.blue.buttons .basic.button:active,
 .ui.inverted.blue.basic.button:active {
-  -webkit-box-shadow: 0 0 0 2px #21b8ff inset;
-          box-shadow: 0 0 0 2px #21b8ff inset;
-  color: #54C8FF;
+  box-shadow: 0 0 0 2px #21b8ff inset;
+  color: #54c8ff;
 }
 
 /* Tertiary */
@@ -3001,22 +2712,19 @@
 .ui.tertiary.blue.buttons .tertiary.button,
 .ui.tertiary.blue.button {
   background: transparent;
-  -webkit-box-shadow: none;
-          box-shadow: none;
-  color: #2185D0;
+  box-shadow: none;
+  color: #2185d0;
 }
 .ui.tertiary.blue.buttons .button:hover,
 .ui.tertiary.blue.buttons button:hover,
 .ui.tertiary.blue.button:hover {
-  -webkit-box-shadow: inset 0 -0.2em 0 #2b75ac;
-          box-shadow: inset 0 -0.2em 0 #2b75ac;
+  box-shadow: inset 0 -0.2em 0 #2b75ac;
   color: #2b75ac;
 }
 .ui.tertiary.blue.buttons .button:focus,
 .ui.tertiary.blue.buttons .tertiary.button:focus,
 .ui.tertiary.blue.button:focus {
-  -webkit-box-shadow: inset 0 -0.2em 0 #216ea7;
-          box-shadow: inset 0 -0.2em 0 #216ea7;
+  box-shadow: inset 0 -0.2em 0 #216ea7;
   color: #216ea7;
 }
 .ui.tertiary.blue.buttons .active.button,
@@ -3025,37 +2733,35 @@
 .ui.tertiary.blue.buttons .button:active,
 .ui.tertiary.blue.buttons .tertiary.button:active,
 .ui.tertiary.blue.button:active {
-  -webkit-box-shadow: inset 0 -0.2em 0 #007bd8;
-          box-shadow: inset 0 -0.2em 0 #007bd8;
+  box-shadow: inset 0 -0.2em 0 #007bd8;
   color: #1279c6;
 }
 .ui.violet.buttons .button,
 .ui.violet.button {
-  background-color: #6435C9;
-  color: #FFFFFF;
+  background-color: #6435c9;
+  color: #fff;
   text-shadow: none;
   background-image: none;
 }
 .ui.violet.button {
-  -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
-          box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
+  box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
 }
 .ui.violet.buttons .button:hover,
 .ui.violet.button:hover {
   background-color: #5829bb;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.violet.buttons .button:focus,
 .ui.violet.button:focus {
   background-color: #4f20b5;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.violet.buttons .button:active,
 .ui.violet.button:active {
   background-color: #502aa1;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.violet.buttons .active.button,
@@ -3063,7 +2769,7 @@
 .ui.violet.active.button,
 .ui.violet.button .active.button:active {
   background-color: #5626bf;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 
@@ -3071,48 +2777,39 @@
 .ui.basic.violet.buttons .button,
 .ui.basic.violet.button {
   background: transparent;
-  -webkit-box-shadow: 0 0 0 1px #6435C9 inset;
-          box-shadow: 0 0 0 1px #6435C9 inset;
-  color: #6435C9;
+  box-shadow: 0 0 0 1px #6435c9 inset;
+  color: #6435c9;
 }
 .ui.basic.violet.buttons .button:hover,
 .ui.basic.violet.button:hover {
-  background: transparent ;
-  -webkit-box-shadow: 0 0 0 1px #5829bb inset;
-          box-shadow: 0 0 0 1px #5829bb inset;
+  background: transparent;
+  box-shadow: 0 0 0 1px #5829bb inset;
   color: #5829bb;
 }
 .ui.basic.violet.buttons .button:focus,
 .ui.basic.violet.button:focus {
-  background: transparent ;
-  -webkit-box-shadow: 0 0 0 1px #4f20b5 inset;
-          box-shadow: 0 0 0 1px #4f20b5 inset;
+  background: transparent;
+  box-shadow: 0 0 0 1px #4f20b5 inset;
   color: #5829bb;
 }
 .ui.basic.violet.buttons .active.button,
 .ui.basic.violet.active.button {
-  background: transparent ;
-  -webkit-box-shadow: 0 0 0 1px #5626bf inset;
-          box-shadow: 0 0 0 1px #5626bf inset;
+  background: transparent;
+  box-shadow: 0 0 0 1px #5626bf inset;
   color: #502aa1;
 }
 .ui.basic.violet.buttons .button:active,
 .ui.basic.violet.button:active {
-  -webkit-box-shadow: 0 0 0 1px #502aa1 inset;
-          box-shadow: 0 0 0 1px #502aa1 inset;
+  box-shadow: 0 0 0 1px #502aa1 inset;
   color: #502aa1;
 }
-.ui.buttons:not(.vertical) > .basic.violet.button:not(:first-child) {
-  margin-left: -1px;
-}
 
 /* Inverted */
 .ui.inverted.violet.buttons .button,
 .ui.inverted.violet.button {
   background-color: transparent;
-  -webkit-box-shadow: 0 0 0 2px #A291FB inset;
-          box-shadow: 0 0 0 2px #A291FB inset;
-  color: #A291FB;
+  box-shadow: 0 0 0 2px #a291fb inset;
+  color: #a291fb;
 }
 .ui.inverted.violet.buttons .button:hover,
 .ui.inverted.violet.button:hover,
@@ -3122,9 +2819,8 @@
 .ui.inverted.violet.button.active,
 .ui.inverted.violet.buttons .button:active,
 .ui.inverted.violet.button:active {
-  -webkit-box-shadow: none ;
-          box-shadow: none ;
-  color: #FFFFFF;
+  box-shadow: none;
+  color: #fff;
 }
 .ui.inverted.violet.buttons .button:hover,
 .ui.inverted.violet.button:hover {
@@ -3148,37 +2844,32 @@
 .ui.inverted.violet.buttons .basic.button,
 .ui.inverted.violet.basic.button {
   background-color: transparent;
-  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
-          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
-  color: #FFFFFF;
+  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
+  color: #fff;
 }
 .ui.inverted.violet.basic.buttons .button:hover,
 .ui.inverted.violet.buttons .basic.button:hover,
 .ui.inverted.violet.basic.button:hover {
-  -webkit-box-shadow: 0 0 0 2px #745aff inset;
-          box-shadow: 0 0 0 2px #745aff inset;
-  color: #A291FB;
+  box-shadow: 0 0 0 2px #745aff inset;
+  color: #a291fb;
 }
 .ui.inverted.violet.basic.buttons .button:focus,
 .ui.inverted.violet.basic.buttons .button:focus,
 .ui.inverted.violet.basic.button:focus {
-  -webkit-box-shadow: 0 0 0 2px #7d64ff inset;
-          box-shadow: 0 0 0 2px #7d64ff inset;
-  color: #A291FB;
+  box-shadow: 0 0 0 2px #7d64ff inset;
+  color: #a291fb;
 }
 .ui.inverted.violet.basic.buttons .active.button,
 .ui.inverted.violet.buttons .basic.active.button,
 .ui.inverted.violet.basic.active.button {
-  -webkit-box-shadow: 0 0 0 2px #8a73ff inset;
-          box-shadow: 0 0 0 2px #8a73ff inset;
-  color: #A291FB;
+  box-shadow: 0 0 0 2px #8a73ff inset;
+  color: #a291fb;
 }
 .ui.inverted.violet.basic.buttons .button:active,
 .ui.inverted.violet.buttons .basic.button:active,
 .ui.inverted.violet.basic.button:active {
-  -webkit-box-shadow: 0 0 0 2px #7860f9 inset;
-          box-shadow: 0 0 0 2px #7860f9 inset;
-  color: #A291FB;
+  box-shadow: 0 0 0 2px #7860f9 inset;
+  color: #a291fb;
 }
 
 /* Tertiary */
@@ -3186,22 +2877,19 @@
 .ui.tertiary.violet.buttons .tertiary.button,
 .ui.tertiary.violet.button {
   background: transparent;
-  -webkit-box-shadow: none;
-          box-shadow: none;
-  color: #6435C9;
+  box-shadow: none;
+  color: #6435c9;
 }
 .ui.tertiary.violet.buttons .button:hover,
 .ui.tertiary.violet.buttons button:hover,
 .ui.tertiary.violet.button:hover {
-  -webkit-box-shadow: inset 0 -0.2em 0 #6040a5;
-          box-shadow: inset 0 -0.2em 0 #6040a5;
+  box-shadow: inset 0 -0.2em 0 #6040a5;
   color: #6040a5;
 }
 .ui.tertiary.violet.buttons .button:focus,
 .ui.tertiary.violet.buttons .tertiary.button:focus,
 .ui.tertiary.violet.button:focus {
-  -webkit-box-shadow: inset 0 -0.2em 0 #5735a0;
-          box-shadow: inset 0 -0.2em 0 #5735a0;
+  box-shadow: inset 0 -0.2em 0 #5735a0;
   color: #5735a0;
 }
 .ui.tertiary.violet.buttons .active.button,
@@ -3210,37 +2898,35 @@
 .ui.tertiary.violet.buttons .button:active,
 .ui.tertiary.violet.buttons .tertiary.button:active,
 .ui.tertiary.violet.button:active {
-  -webkit-box-shadow: inset 0 -0.2em 0 #4e0fd6;
-          box-shadow: inset 0 -0.2em 0 #4e0fd6;
+  box-shadow: inset 0 -0.2em 0 #4e0fd6;
   color: #5626bf;
 }
 .ui.purple.buttons .button,
 .ui.purple.button {
-  background-color: #A333C8;
-  color: #FFFFFF;
+  background-color: #a333c8;
+  color: #fff;
   text-shadow: none;
   background-image: none;
 }
 .ui.purple.button {
-  -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
-          box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
+  box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
 }
 .ui.purple.buttons .button:hover,
 .ui.purple.button:hover {
   background-color: #9627ba;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.purple.buttons .button:focus,
 .ui.purple.button:focus {
   background-color: #8f1eb4;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.purple.buttons .button:active,
 .ui.purple.button:active {
   background-color: #82299f;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.purple.buttons .active.button,
@@ -3248,7 +2934,7 @@
 .ui.purple.active.button,
 .ui.purple.button .active.button:active {
   background-color: #9724be;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 
@@ -3256,48 +2942,39 @@
 .ui.basic.purple.buttons .button,
 .ui.basic.purple.button {
   background: transparent;
-  -webkit-box-shadow: 0 0 0 1px #A333C8 inset;
-          box-shadow: 0 0 0 1px #A333C8 inset;
-  color: #A333C8;
+  box-shadow: 0 0 0 1px #a333c8 inset;
+  color: #a333c8;
 }
 .ui.basic.purple.buttons .button:hover,
 .ui.basic.purple.button:hover {
-  background: transparent ;
-  -webkit-box-shadow: 0 0 0 1px #9627ba inset;
-          box-shadow: 0 0 0 1px #9627ba inset;
+  background: transparent;
+  box-shadow: 0 0 0 1px #9627ba inset;
   color: #9627ba;
 }
 .ui.basic.purple.buttons .button:focus,
 .ui.basic.purple.button:focus {
-  background: transparent ;
-  -webkit-box-shadow: 0 0 0 1px #8f1eb4 inset;
-          box-shadow: 0 0 0 1px #8f1eb4 inset;
+  background: transparent;
+  box-shadow: 0 0 0 1px #8f1eb4 inset;
   color: #9627ba;
 }
 .ui.basic.purple.buttons .active.button,
 .ui.basic.purple.active.button {
-  background: transparent ;
-  -webkit-box-shadow: 0 0 0 1px #9724be inset;
-          box-shadow: 0 0 0 1px #9724be inset;
+  background: transparent;
+  box-shadow: 0 0 0 1px #9724be inset;
   color: #82299f;
 }
 .ui.basic.purple.buttons .button:active,
 .ui.basic.purple.button:active {
-  -webkit-box-shadow: 0 0 0 1px #82299f inset;
-          box-shadow: 0 0 0 1px #82299f inset;
+  box-shadow: 0 0 0 1px #82299f inset;
   color: #82299f;
 }
-.ui.buttons:not(.vertical) > .basic.purple.button:not(:first-child) {
-  margin-left: -1px;
-}
 
 /* Inverted */
 .ui.inverted.purple.buttons .button,
 .ui.inverted.purple.button {
   background-color: transparent;
-  -webkit-box-shadow: 0 0 0 2px #DC73FF inset;
-          box-shadow: 0 0 0 2px #DC73FF inset;
-  color: #DC73FF;
+  box-shadow: 0 0 0 2px #dc73ff inset;
+  color: #dc73ff;
 }
 .ui.inverted.purple.buttons .button:hover,
 .ui.inverted.purple.button:hover,
@@ -3307,9 +2984,8 @@
 .ui.inverted.purple.button.active,
 .ui.inverted.purple.buttons .button:active,
 .ui.inverted.purple.button:active {
-  -webkit-box-shadow: none ;
-          box-shadow: none ;
-  color: #FFFFFF;
+  box-shadow: none;
+  color: #fff;
 }
 .ui.inverted.purple.buttons .button:hover,
 .ui.inverted.purple.button:hover {
@@ -3333,37 +3009,32 @@
 .ui.inverted.purple.buttons .basic.button,
 .ui.inverted.purple.basic.button {
   background-color: transparent;
-  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
-          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
-  color: #FFFFFF;
+  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
+  color: #fff;
 }
 .ui.inverted.purple.basic.buttons .button:hover,
 .ui.inverted.purple.buttons .basic.button:hover,
 .ui.inverted.purple.basic.button:hover {
-  -webkit-box-shadow: 0 0 0 2px #cf40ff inset;
-          box-shadow: 0 0 0 2px #cf40ff inset;
-  color: #DC73FF;
+  box-shadow: 0 0 0 2px #cf40ff inset;
+  color: #dc73ff;
 }
 .ui.inverted.purple.basic.buttons .button:focus,
 .ui.inverted.purple.basic.buttons .button:focus,
 .ui.inverted.purple.basic.button:focus {
-  -webkit-box-shadow: 0 0 0 2px #d24aff inset;
-          box-shadow: 0 0 0 2px #d24aff inset;
-  color: #DC73FF;
+  box-shadow: 0 0 0 2px #d24aff inset;
+  color: #dc73ff;
 }
 .ui.inverted.purple.basic.buttons .active.button,
 .ui.inverted.purple.buttons .basic.active.button,
 .ui.inverted.purple.basic.active.button {
-  -webkit-box-shadow: 0 0 0 2px #d65aff inset;
-          box-shadow: 0 0 0 2px #d65aff inset;
-  color: #DC73FF;
+  box-shadow: 0 0 0 2px #d65aff inset;
+  color: #dc73ff;
 }
 .ui.inverted.purple.basic.buttons .button:active,
 .ui.inverted.purple.buttons .basic.button:active,
 .ui.inverted.purple.basic.button:active {
-  -webkit-box-shadow: 0 0 0 2px #cf40ff inset;
-          box-shadow: 0 0 0 2px #cf40ff inset;
-  color: #DC73FF;
+  box-shadow: 0 0 0 2px #cf40ff inset;
+  color: #dc73ff;
 }
 
 /* Tertiary */
@@ -3371,22 +3042,19 @@
 .ui.tertiary.purple.buttons .tertiary.button,
 .ui.tertiary.purple.button {
   background: transparent;
-  -webkit-box-shadow: none;
-          box-shadow: none;
-  color: #A333C8;
+  box-shadow: none;
+  color: #a333c8;
 }
 .ui.tertiary.purple.buttons .button:hover,
 .ui.tertiary.purple.buttons button:hover,
 .ui.tertiary.purple.button:hover {
-  -webkit-box-shadow: inset 0 -0.2em 0 #8a3ea4;
-          box-shadow: inset 0 -0.2em 0 #8a3ea4;
+  box-shadow: inset 0 -0.2em 0 #8a3ea4;
   color: #8a3ea4;
 }
 .ui.tertiary.purple.buttons .button:focus,
 .ui.tertiary.purple.buttons .tertiary.button:focus,
 .ui.tertiary.purple.button:focus {
-  -webkit-box-shadow: inset 0 -0.2em 0 #84339f;
-          box-shadow: inset 0 -0.2em 0 #84339f;
+  box-shadow: inset 0 -0.2em 0 #84339f;
   color: #84339f;
 }
 .ui.tertiary.purple.buttons .active.button,
@@ -3395,37 +3063,35 @@
 .ui.tertiary.purple.buttons .button:active,
 .ui.tertiary.purple.buttons .tertiary.button:active,
 .ui.tertiary.purple.button:active {
-  -webkit-box-shadow: inset 0 -0.2em 0 #a30dd4;
-          box-shadow: inset 0 -0.2em 0 #a30dd4;
+  box-shadow: inset 0 -0.2em 0 #a30dd4;
   color: #9724be;
 }
 .ui.pink.buttons .button,
 .ui.pink.button {
-  background-color: #E03997;
-  color: #FFFFFF;
+  background-color: #e03997;
+  color: #fff;
   text-shadow: none;
   background-image: none;
 }
 .ui.pink.button {
-  -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
-          box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
+  box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
 }
 .ui.pink.buttons .button:hover,
 .ui.pink.button:hover {
   background-color: #e61a8d;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.pink.buttons .button:focus,
 .ui.pink.button:focus {
   background-color: #e10f85;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.pink.buttons .button:active,
 .ui.pink.button:active {
   background-color: #c71f7e;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.pink.buttons .active.button,
@@ -3433,7 +3099,7 @@
 .ui.pink.active.button,
 .ui.pink.button .active.button:active {
   background-color: #ea158d;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 
@@ -3441,48 +3107,39 @@
 .ui.basic.pink.buttons .button,
 .ui.basic.pink.button {
   background: transparent;
-  -webkit-box-shadow: 0 0 0 1px #E03997 inset;
-          box-shadow: 0 0 0 1px #E03997 inset;
-  color: #E03997;
+  box-shadow: 0 0 0 1px #e03997 inset;
+  color: #e03997;
 }
 .ui.basic.pink.buttons .button:hover,
 .ui.basic.pink.button:hover {
-  background: transparent ;
-  -webkit-box-shadow: 0 0 0 1px #e61a8d inset;
-          box-shadow: 0 0 0 1px #e61a8d inset;
+  background: transparent;
+  box-shadow: 0 0 0 1px #e61a8d inset;
   color: #e61a8d;
 }
 .ui.basic.pink.buttons .button:focus,
 .ui.basic.pink.button:focus {
-  background: transparent ;
-  -webkit-box-shadow: 0 0 0 1px #e10f85 inset;
-          box-shadow: 0 0 0 1px #e10f85 inset;
+  background: transparent;
+  box-shadow: 0 0 0 1px #e10f85 inset;
   color: #e61a8d;
 }
 .ui.basic.pink.buttons .active.button,
 .ui.basic.pink.active.button {
-  background: transparent ;
-  -webkit-box-shadow: 0 0 0 1px #ea158d inset;
-          box-shadow: 0 0 0 1px #ea158d inset;
+  background: transparent;
+  box-shadow: 0 0 0 1px #ea158d inset;
   color: #c71f7e;
 }
 .ui.basic.pink.buttons .button:active,
 .ui.basic.pink.button:active {
-  -webkit-box-shadow: 0 0 0 1px #c71f7e inset;
-          box-shadow: 0 0 0 1px #c71f7e inset;
+  box-shadow: 0 0 0 1px #c71f7e inset;
   color: #c71f7e;
 }
-.ui.buttons:not(.vertical) > .basic.pink.button:not(:first-child) {
-  margin-left: -1px;
-}
 
 /* Inverted */
 .ui.inverted.pink.buttons .button,
 .ui.inverted.pink.button {
   background-color: transparent;
-  -webkit-box-shadow: 0 0 0 2px #FF8EDF inset;
-          box-shadow: 0 0 0 2px #FF8EDF inset;
-  color: #FF8EDF;
+  box-shadow: 0 0 0 2px #ff8edf inset;
+  color: #ff8edf;
 }
 .ui.inverted.pink.buttons .button:hover,
 .ui.inverted.pink.button:hover,
@@ -3492,9 +3149,8 @@
 .ui.inverted.pink.button.active,
 .ui.inverted.pink.buttons .button:active,
 .ui.inverted.pink.button:active {
-  -webkit-box-shadow: none ;
-          box-shadow: none ;
-  color: #FFFFFF;
+  box-shadow: none;
+  color: #fff;
 }
 .ui.inverted.pink.buttons .button:hover,
 .ui.inverted.pink.button:hover {
@@ -3518,37 +3174,32 @@
 .ui.inverted.pink.buttons .basic.button,
 .ui.inverted.pink.basic.button {
   background-color: transparent;
-  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
-          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
-  color: #FFFFFF;
+  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
+  color: #fff;
 }
 .ui.inverted.pink.basic.buttons .button:hover,
 .ui.inverted.pink.buttons .basic.button:hover,
 .ui.inverted.pink.basic.button:hover {
-  -webkit-box-shadow: 0 0 0 2px #ff5bd1 inset;
-          box-shadow: 0 0 0 2px #ff5bd1 inset;
-  color: #FF8EDF;
+  box-shadow: 0 0 0 2px #ff5bd1 inset;
+  color: #ff8edf;
 }
 .ui.inverted.pink.basic.buttons .button:focus,
 .ui.inverted.pink.basic.buttons .button:focus,
 .ui.inverted.pink.basic.button:focus {
-  -webkit-box-shadow: 0 0 0 2px #ff65d3 inset;
-          box-shadow: 0 0 0 2px #ff65d3 inset;
-  color: #FF8EDF;
+  box-shadow: 0 0 0 2px #ff65d3 inset;
+  color: #ff8edf;
 }
 .ui.inverted.pink.basic.buttons .active.button,
 .ui.inverted.pink.buttons .basic.active.button,
 .ui.inverted.pink.basic.active.button {
-  -webkit-box-shadow: 0 0 0 2px #ff74d8 inset;
-          box-shadow: 0 0 0 2px #ff74d8 inset;
-  color: #FF8EDF;
+  box-shadow: 0 0 0 2px #ff74d8 inset;
+  color: #ff8edf;
 }
 .ui.inverted.pink.basic.buttons .button:active,
 .ui.inverted.pink.buttons .basic.button:active,
 .ui.inverted.pink.basic.button:active {
-  -webkit-box-shadow: 0 0 0 2px #ff5bd1 inset;
-          box-shadow: 0 0 0 2px #ff5bd1 inset;
-  color: #FF8EDF;
+  box-shadow: 0 0 0 2px #ff5bd1 inset;
+  color: #ff8edf;
 }
 
 /* Tertiary */
@@ -3556,22 +3207,19 @@
 .ui.tertiary.pink.buttons .tertiary.button,
 .ui.tertiary.pink.button {
   background: transparent;
-  -webkit-box-shadow: none;
-          box-shadow: none;
-  color: #E03997;
+  box-shadow: none;
+  color: #e03997;
 }
 .ui.tertiary.pink.buttons .button:hover,
 .ui.tertiary.pink.buttons button:hover,
 .ui.tertiary.pink.button:hover {
-  -webkit-box-shadow: inset 0 -0.2em 0 #cc3389;
-          box-shadow: inset 0 -0.2em 0 #cc3389;
+  box-shadow: inset 0 -0.2em 0 #cc3389;
   color: #cc3389;
 }
 .ui.tertiary.pink.buttons .button:focus,
 .ui.tertiary.pink.buttons .tertiary.button:focus,
 .ui.tertiary.pink.button:focus {
-  -webkit-box-shadow: inset 0 -0.2em 0 #c92782;
-          box-shadow: inset 0 -0.2em 0 #c92782;
+  box-shadow: inset 0 -0.2em 0 #c92782;
   color: #c92782;
 }
 .ui.tertiary.pink.buttons .active.button,
@@ -3580,37 +3228,35 @@
 .ui.tertiary.pink.buttons .button:active,
 .ui.tertiary.pink.buttons .tertiary.button:active,
 .ui.tertiary.pink.button:active {
-  -webkit-box-shadow: inset 0 -0.2em 0 #ff0090;
-          box-shadow: inset 0 -0.2em 0 #ff0090;
+  box-shadow: inset 0 -0.2em 0 #ff0090;
   color: #ea158d;
 }
 .ui.brown.buttons .button,
 .ui.brown.button {
-  background-color: #A5673F;
-  color: #FFFFFF;
+  background-color: #a5673f;
+  color: #fff;
   text-shadow: none;
   background-image: none;
 }
 .ui.brown.button {
-  -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
-          box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
+  box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
 }
 .ui.brown.buttons .button:hover,
 .ui.brown.button:hover {
   background-color: #975b33;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.brown.buttons .button:focus,
 .ui.brown.button:focus {
   background-color: #90532b;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.brown.buttons .button:active,
 .ui.brown.button:active {
   background-color: #805031;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.brown.buttons .active.button,
@@ -3618,7 +3264,7 @@
 .ui.brown.active.button,
 .ui.brown.button .active.button:active {
   background-color: #995a31;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 
@@ -3626,48 +3272,39 @@
 .ui.basic.brown.buttons .button,
 .ui.basic.brown.button {
   background: transparent;
-  -webkit-box-shadow: 0 0 0 1px #A5673F inset;
-          box-shadow: 0 0 0 1px #A5673F inset;
-  color: #A5673F;
+  box-shadow: 0 0 0 1px #a5673f inset;
+  color: #a5673f;
 }
 .ui.basic.brown.buttons .button:hover,
 .ui.basic.brown.button:hover {
-  background: transparent ;
-  -webkit-box-shadow: 0 0 0 1px #975b33 inset;
-          box-shadow: 0 0 0 1px #975b33 inset;
+  background: transparent;
+  box-shadow: 0 0 0 1px #975b33 inset;
   color: #975b33;
 }
 .ui.basic.brown.buttons .button:focus,
 .ui.basic.brown.button:focus {
-  background: transparent ;
-  -webkit-box-shadow: 0 0 0 1px #90532b inset;
-          box-shadow: 0 0 0 1px #90532b inset;
+  background: transparent;
+  box-shadow: 0 0 0 1px #90532b inset;
   color: #975b33;
 }
 .ui.basic.brown.buttons .active.button,
 .ui.basic.brown.active.button {
-  background: transparent ;
-  -webkit-box-shadow: 0 0 0 1px #995a31 inset;
-          box-shadow: 0 0 0 1px #995a31 inset;
+  background: transparent;
+  box-shadow: 0 0 0 1px #995a31 inset;
   color: #805031;
 }
 .ui.basic.brown.buttons .button:active,
 .ui.basic.brown.button:active {
-  -webkit-box-shadow: 0 0 0 1px #805031 inset;
-          box-shadow: 0 0 0 1px #805031 inset;
+  box-shadow: 0 0 0 1px #805031 inset;
   color: #805031;
 }
-.ui.buttons:not(.vertical) > .basic.brown.button:not(:first-child) {
-  margin-left: -1px;
-}
 
 /* Inverted */
 .ui.inverted.brown.buttons .button,
 .ui.inverted.brown.button {
   background-color: transparent;
-  -webkit-box-shadow: 0 0 0 2px #D67C1C inset;
-          box-shadow: 0 0 0 2px #D67C1C inset;
-  color: #D67C1C;
+  box-shadow: 0 0 0 2px #d67c1c inset;
+  color: #d67c1c;
 }
 .ui.inverted.brown.buttons .button:hover,
 .ui.inverted.brown.button:hover,
@@ -3677,9 +3314,8 @@
 .ui.inverted.brown.button.active,
 .ui.inverted.brown.buttons .button:active,
 .ui.inverted.brown.button:active {
-  -webkit-box-shadow: none ;
-          box-shadow: none ;
-  color: #FFFFFF;
+  box-shadow: none;
+  color: #fff;
 }
 .ui.inverted.brown.buttons .button:hover,
 .ui.inverted.brown.button:hover {
@@ -3703,37 +3339,32 @@
 .ui.inverted.brown.buttons .basic.button,
 .ui.inverted.brown.basic.button {
   background-color: transparent;
-  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
-          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
-  color: #FFFFFF;
+  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
+  color: #fff;
 }
 .ui.inverted.brown.basic.buttons .button:hover,
 .ui.inverted.brown.buttons .basic.button:hover,
 .ui.inverted.brown.basic.button:hover {
-  -webkit-box-shadow: 0 0 0 2px #b0620f inset;
-          box-shadow: 0 0 0 2px #b0620f inset;
-  color: #D67C1C;
+  box-shadow: 0 0 0 2px #b0620f inset;
+  color: #d67c1c;
 }
 .ui.inverted.brown.basic.buttons .button:focus,
 .ui.inverted.brown.basic.buttons .button:focus,
 .ui.inverted.brown.basic.button:focus {
-  -webkit-box-shadow: 0 0 0 2px #c16808 inset;
-          box-shadow: 0 0 0 2px #c16808 inset;
-  color: #D67C1C;
+  box-shadow: 0 0 0 2px #c16808 inset;
+  color: #d67c1c;
 }
 .ui.inverted.brown.basic.buttons .active.button,
 .ui.inverted.brown.buttons .basic.active.button,
 .ui.inverted.brown.basic.active.button {
-  -webkit-box-shadow: 0 0 0 2px #cc6f0d inset;
-          box-shadow: 0 0 0 2px #cc6f0d inset;
-  color: #D67C1C;
+  box-shadow: 0 0 0 2px #cc6f0d inset;
+  color: #d67c1c;
 }
 .ui.inverted.brown.basic.buttons .button:active,
 .ui.inverted.brown.buttons .basic.button:active,
 .ui.inverted.brown.basic.button:active {
-  -webkit-box-shadow: 0 0 0 2px #a96216 inset;
-          box-shadow: 0 0 0 2px #a96216 inset;
-  color: #D67C1C;
+  box-shadow: 0 0 0 2px #a96216 inset;
+  color: #d67c1c;
 }
 
 /* Tertiary */
@@ -3741,22 +3372,19 @@
 .ui.tertiary.brown.buttons .tertiary.button,
 .ui.tertiary.brown.button {
   background: transparent;
-  -webkit-box-shadow: none;
-          box-shadow: none;
-  color: #A5673F;
+  box-shadow: none;
+  color: #a5673f;
 }
 .ui.tertiary.brown.buttons .button:hover,
 .ui.tertiary.brown.buttons button:hover,
 .ui.tertiary.brown.button:hover {
-  -webkit-box-shadow: inset 0 -0.2em 0 #835f48;
-          box-shadow: inset 0 -0.2em 0 #835f48;
+  box-shadow: inset 0 -0.2em 0 #835f48;
   color: #835f48;
 }
 .ui.tertiary.brown.buttons .button:focus,
 .ui.tertiary.brown.buttons .tertiary.button:focus,
 .ui.tertiary.brown.button:focus {
-  -webkit-box-shadow: inset 0 -0.2em 0 #7d573e;
-          box-shadow: inset 0 -0.2em 0 #7d573e;
+  box-shadow: inset 0 -0.2em 0 #7d573e;
   color: #7d573e;
 }
 .ui.tertiary.brown.buttons .active.button,
@@ -3765,37 +3393,35 @@
 .ui.tertiary.brown.buttons .button:active,
 .ui.tertiary.brown.buttons .tertiary.button:active,
 .ui.tertiary.brown.button:active {
-  -webkit-box-shadow: inset 0 -0.2em 0 #ae561d;
-          box-shadow: inset 0 -0.2em 0 #ae561d;
+  box-shadow: inset 0 -0.2em 0 #ae561d;
   color: #995a31;
 }
 .ui.grey.buttons .button,
 .ui.grey.button {
   background-color: #767676;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
   background-image: none;
 }
 .ui.grey.button {
-  -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
-          box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
+  box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
 }
 .ui.grey.buttons .button:hover,
 .ui.grey.button:hover {
   background-color: #838383;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.grey.buttons .button:focus,
 .ui.grey.button:focus {
   background-color: #8a8a8a;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.grey.buttons .button:active,
 .ui.grey.button:active {
   background-color: #909090;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.grey.buttons .active.button,
@@ -3803,7 +3429,7 @@
 .ui.grey.active.button,
 .ui.grey.button .active.button:active {
   background-color: #696969;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 
@@ -3811,48 +3437,39 @@
 .ui.basic.grey.buttons .button,
 .ui.basic.grey.button {
   background: transparent;
-  -webkit-box-shadow: 0 0 0 1px #767676 inset;
-          box-shadow: 0 0 0 1px #767676 inset;
+  box-shadow: 0 0 0 1px #767676 inset;
   color: #767676;
 }
 .ui.basic.grey.buttons .button:hover,
 .ui.basic.grey.button:hover {
-  background: transparent ;
-  -webkit-box-shadow: 0 0 0 1px #838383 inset;
-          box-shadow: 0 0 0 1px #838383 inset;
+  background: transparent;
+  box-shadow: 0 0 0 1px #838383 inset;
   color: #838383;
 }
 .ui.basic.grey.buttons .button:focus,
 .ui.basic.grey.button:focus {
-  background: transparent ;
-  -webkit-box-shadow: 0 0 0 1px #8a8a8a inset;
-          box-shadow: 0 0 0 1px #8a8a8a inset;
+  background: transparent;
+  box-shadow: 0 0 0 1px #8a8a8a inset;
   color: #838383;
 }
 .ui.basic.grey.buttons .active.button,
 .ui.basic.grey.active.button {
-  background: transparent ;
-  -webkit-box-shadow: 0 0 0 1px #696969 inset;
-          box-shadow: 0 0 0 1px #696969 inset;
+  background: transparent;
+  box-shadow: 0 0 0 1px #696969 inset;
   color: #909090;
 }
 .ui.basic.grey.buttons .button:active,
 .ui.basic.grey.button:active {
-  -webkit-box-shadow: 0 0 0 1px #909090 inset;
-          box-shadow: 0 0 0 1px #909090 inset;
+  box-shadow: 0 0 0 1px #909090 inset;
   color: #909090;
 }
-.ui.buttons:not(.vertical) > .basic.grey.button:not(:first-child) {
-  margin-left: -1px;
-}
 
 /* Inverted */
 .ui.inverted.grey.buttons .button,
 .ui.inverted.grey.button {
   background-color: transparent;
-  -webkit-box-shadow: 0 0 0 2px #D4D4D5 inset;
-          box-shadow: 0 0 0 2px #D4D4D5 inset;
-  color: #FFFFFF;
+  box-shadow: 0 0 0 2px #d4d4d5 inset;
+  color: #fff;
 }
 .ui.inverted.grey.buttons .button:hover,
 .ui.inverted.grey.button:hover,
@@ -3862,8 +3479,7 @@
 .ui.inverted.grey.button.active,
 .ui.inverted.grey.buttons .button:active,
 .ui.inverted.grey.button:active {
-  -webkit-box-shadow: none ;
-          box-shadow: none ;
+  box-shadow: none;
   color: rgba(0, 0, 0, 0.6);
 }
 .ui.inverted.grey.buttons .button:hover,
@@ -3888,37 +3504,32 @@
 .ui.inverted.grey.buttons .basic.button,
 .ui.inverted.grey.basic.button {
   background-color: transparent;
-  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
-          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
-  color: #FFFFFF;
+  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
+  color: #fff;
 }
 .ui.inverted.grey.basic.buttons .button:hover,
 .ui.inverted.grey.buttons .basic.button:hover,
 .ui.inverted.grey.basic.button:hover {
-  -webkit-box-shadow: 0 0 0 2px #c2c4c5 inset;
-          box-shadow: 0 0 0 2px #c2c4c5 inset;
-  color: #FFFFFF;
+  box-shadow: 0 0 0 2px #c2c4c5 inset;
+  color: #fff;
 }
 .ui.inverted.grey.basic.buttons .button:focus,
 .ui.inverted.grey.basic.buttons .button:focus,
 .ui.inverted.grey.basic.button:focus {
-  -webkit-box-shadow: 0 0 0 2px #c7c9cb inset;
-          box-shadow: 0 0 0 2px #c7c9cb inset;
-  color: #DCDDDE;
+  box-shadow: 0 0 0 2px #c7c9cb inset;
+  color: #dcddde;
 }
 .ui.inverted.grey.basic.buttons .active.button,
 .ui.inverted.grey.buttons .basic.active.button,
 .ui.inverted.grey.basic.active.button {
-  -webkit-box-shadow: 0 0 0 2px #cfd0d2 inset;
-          box-shadow: 0 0 0 2px #cfd0d2 inset;
-  color: #FFFFFF;
+  box-shadow: 0 0 0 2px #cfd0d2 inset;
+  color: #fff;
 }
 .ui.inverted.grey.basic.buttons .button:active,
 .ui.inverted.grey.buttons .basic.button:active,
 .ui.inverted.grey.basic.button:active {
-  -webkit-box-shadow: 0 0 0 2px #c2c4c5 inset;
-          box-shadow: 0 0 0 2px #c2c4c5 inset;
-  color: #FFFFFF;
+  box-shadow: 0 0 0 2px #c2c4c5 inset;
+  color: #fff;
 }
 
 /* Tertiary */
@@ -3926,23 +3537,20 @@
 .ui.tertiary.grey.buttons .tertiary.button,
 .ui.tertiary.grey.button {
   background: transparent;
-  -webkit-box-shadow: none;
-          box-shadow: none;
+  box-shadow: none;
   color: #767676;
 }
 .ui.tertiary.grey.buttons .button:hover,
 .ui.tertiary.grey.buttons button:hover,
 .ui.tertiary.grey.button:hover {
-  -webkit-box-shadow: inset 0 -0.2em 0 #838383;
-          box-shadow: inset 0 -0.2em 0 #838383;
-  color: #838383;
+  box-shadow: inset 0 -0.2em 0 #909090;
+  color: #909090;
 }
 .ui.tertiary.grey.buttons .button:focus,
 .ui.tertiary.grey.buttons .tertiary.button:focus,
 .ui.tertiary.grey.button:focus {
-  -webkit-box-shadow: inset 0 -0.2em 0 #8a8a8a;
-          box-shadow: inset 0 -0.2em 0 #8a8a8a;
-  color: #8a8a8a;
+  box-shadow: inset 0 -0.2em 0 #9f9f9f;
+  color: #9f9f9f;
 }
 .ui.tertiary.grey.buttons .active.button,
 .ui.tertiary.grey.buttons .tertiary.active.button,
@@ -3950,37 +3558,35 @@
 .ui.tertiary.grey.buttons .button:active,
 .ui.tertiary.grey.buttons .tertiary.button:active,
 .ui.tertiary.grey.button:active {
-  -webkit-box-shadow: inset 0 -0.2em 0 #7e5454;
-          box-shadow: inset 0 -0.2em 0 #7e5454;
+  box-shadow: inset 0 -0.2em 0 #5d5d5d;
   color: #696969;
 }
 .ui.black.buttons .button,
 .ui.black.button {
-  background-color: #1B1C1D;
-  color: #FFFFFF;
+  background-color: #1b1c1d;
+  color: #fff;
   text-shadow: none;
   background-image: none;
 }
 .ui.black.button {
-  -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
-          box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
+  box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
 }
 .ui.black.buttons .button:hover,
 .ui.black.button:hover {
   background-color: #27292a;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.black.buttons .button:focus,
 .ui.black.button:focus {
   background-color: #2f3032;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.black.buttons .button:active,
 .ui.black.button:active {
   background-color: #343637;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.black.buttons .active.button,
@@ -3988,7 +3594,7 @@
 .ui.black.active.button,
 .ui.black.button .active.button:active {
   background-color: #0f0f10;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 
@@ -3996,48 +3602,39 @@
 .ui.basic.black.buttons .button,
 .ui.basic.black.button {
   background: transparent;
-  -webkit-box-shadow: 0 0 0 1px #1B1C1D inset;
-          box-shadow: 0 0 0 1px #1B1C1D inset;
-  color: #1B1C1D;
+  box-shadow: 0 0 0 1px #1b1c1d inset;
+  color: #1b1c1d;
 }
 .ui.basic.black.buttons .button:hover,
 .ui.basic.black.button:hover {
-  background: transparent ;
-  -webkit-box-shadow: 0 0 0 1px #27292a inset;
-          box-shadow: 0 0 0 1px #27292a inset;
+  background: transparent;
+  box-shadow: 0 0 0 1px #27292a inset;
   color: #27292a;
 }
 .ui.basic.black.buttons .button:focus,
 .ui.basic.black.button:focus {
-  background: transparent ;
-  -webkit-box-shadow: 0 0 0 1px #2f3032 inset;
-          box-shadow: 0 0 0 1px #2f3032 inset;
+  background: transparent;
+  box-shadow: 0 0 0 1px #2f3032 inset;
   color: #27292a;
 }
 .ui.basic.black.buttons .active.button,
 .ui.basic.black.active.button {
-  background: transparent ;
-  -webkit-box-shadow: 0 0 0 1px #0f0f10 inset;
-          box-shadow: 0 0 0 1px #0f0f10 inset;
+  background: transparent;
+  box-shadow: 0 0 0 1px #0f0f10 inset;
   color: #343637;
 }
 .ui.basic.black.buttons .button:active,
 .ui.basic.black.button:active {
-  -webkit-box-shadow: 0 0 0 1px #343637 inset;
-          box-shadow: 0 0 0 1px #343637 inset;
+  box-shadow: 0 0 0 1px #343637 inset;
   color: #343637;
 }
-.ui.buttons:not(.vertical) > .basic.black.button:not(:first-child) {
-  margin-left: -1px;
-}
 
 /* Inverted */
 .ui.inverted.black.buttons .button,
 .ui.inverted.black.button {
   background-color: transparent;
-  -webkit-box-shadow: 0 0 0 2px #D4D4D5 inset;
-          box-shadow: 0 0 0 2px #D4D4D5 inset;
-  color: #FFFFFF;
+  box-shadow: 0 0 0 2px #d4d4d5 inset;
+  color: #fff;
 }
 .ui.inverted.black.buttons .button:hover,
 .ui.inverted.black.button:hover,
@@ -4047,9 +3644,8 @@
 .ui.inverted.black.button.active,
 .ui.inverted.black.buttons .button:active,
 .ui.inverted.black.button:active {
-  -webkit-box-shadow: none ;
-          box-shadow: none ;
-  color: #FFFFFF;
+  box-shadow: none;
+  color: #fff;
 }
 .ui.inverted.black.buttons .button:hover,
 .ui.inverted.black.button:hover {
@@ -4073,37 +3669,32 @@
 .ui.inverted.black.buttons .basic.button,
 .ui.inverted.black.basic.button {
   background-color: transparent;
-  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
-          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
-  color: #FFFFFF;
+  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
+  color: #fff;
 }
 .ui.inverted.black.basic.buttons .button:hover,
 .ui.inverted.black.buttons .basic.button:hover,
 .ui.inverted.black.basic.button:hover {
-  -webkit-box-shadow: 0 0 0 2px #000000 inset;
-          box-shadow: 0 0 0 2px #000000 inset;
-  color: #FFFFFF;
+  box-shadow: 0 0 0 2px #000000 inset;
+  color: #fff;
 }
 .ui.inverted.black.basic.buttons .button:focus,
 .ui.inverted.black.basic.buttons .button:focus,
 .ui.inverted.black.basic.button:focus {
-  -webkit-box-shadow: 0 0 0 2px #000000 inset;
-          box-shadow: 0 0 0 2px #000000 inset;
+  box-shadow: 0 0 0 2px #000000 inset;
   color: #545454;
 }
 .ui.inverted.black.basic.buttons .active.button,
 .ui.inverted.black.buttons .basic.active.button,
 .ui.inverted.black.basic.active.button {
-  -webkit-box-shadow: 0 0 0 2px #000000 inset;
-          box-shadow: 0 0 0 2px #000000 inset;
-  color: #FFFFFF;
+  box-shadow: 0 0 0 2px #000000 inset;
+  color: #fff;
 }
 .ui.inverted.black.basic.buttons .button:active,
 .ui.inverted.black.buttons .basic.button:active,
 .ui.inverted.black.basic.button:active {
-  -webkit-box-shadow: 0 0 0 2px #000000 inset;
-          box-shadow: 0 0 0 2px #000000 inset;
-  color: #FFFFFF;
+  box-shadow: 0 0 0 2px #000000 inset;
+  color: #fff;
 }
 
 /* Tertiary */
@@ -4111,22 +3702,19 @@
 .ui.tertiary.black.buttons .tertiary.button,
 .ui.tertiary.black.button {
   background: transparent;
-  -webkit-box-shadow: none;
-          box-shadow: none;
-  color: #1B1C1D;
+  box-shadow: none;
+  color: #1b1c1d;
 }
 .ui.tertiary.black.buttons .button:hover,
 .ui.tertiary.black.buttons button:hover,
 .ui.tertiary.black.button:hover {
-  -webkit-box-shadow: inset 0 -0.2em 0 #8b8f93;
-          box-shadow: inset 0 -0.2em 0 #8b8f93;
+  box-shadow: inset 0 -0.2em 0 #8b8f93;
   color: #8b8f93;
 }
 .ui.tertiary.black.buttons .button:focus,
 .ui.tertiary.black.buttons .tertiary.button:focus,
 .ui.tertiary.black.button:focus {
-  -webkit-box-shadow: inset 0 -0.2em 0 #93969a;
-          box-shadow: inset 0 -0.2em 0 #93969a;
+  box-shadow: inset 0 -0.2em 0 #93969a;
   color: #93969a;
 }
 .ui.tertiary.black.buttons .active.button,
@@ -4135,44 +3723,37 @@
 .ui.tertiary.black.buttons .button:active,
 .ui.tertiary.black.buttons .tertiary.button:active,
 .ui.tertiary.black.button:active {
-  -webkit-box-shadow: inset 0 -0.2em 0 #404245;
-          box-shadow: inset 0 -0.2em 0 #404245;
+  box-shadow: inset 0 -0.2em 0 #404245;
   color: #0f0f10;
 }
 
-/*---------------
-    Positive
-----------------*/
-
-
 /* Standard */
 .ui.positive.buttons .button,
 .ui.positive.button {
-  background-color: #21BA45;
-  color: #FFFFFF;
+  background-color: #21ba45;
+  color: #fff;
   text-shadow: none;
   background-image: none;
 }
 .ui.positive.button {
-  -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
-          box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
+  box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
 }
 .ui.positive.buttons .button:hover,
 .ui.positive.button:hover {
   background-color: #16ab39;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.positive.buttons .button:focus,
 .ui.positive.button:focus {
   background-color: #0ea432;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.positive.buttons .button:active,
 .ui.positive.button:active {
   background-color: #198f35;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.positive.buttons .active.button,
@@ -4180,7 +3761,7 @@
 .ui.positive.active.button,
 .ui.positive.button .active.button:active {
   background-color: #13ae38;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 
@@ -4188,74 +3769,63 @@
 .ui.basic.positive.buttons .button,
 .ui.basic.positive.button {
   background: transparent;
-  -webkit-box-shadow: 0 0 0 1px #21BA45 inset;
-          box-shadow: 0 0 0 1px #21BA45 inset;
-  color: #21BA45;
+  box-shadow: 0 0 0 1px #21ba45 inset;
+  color: #21ba45;
 }
 .ui.basic.positive.buttons .button:hover,
 .ui.basic.positive.button:hover {
   background: transparent;
-  -webkit-box-shadow: 0 0 0 1px #16ab39 inset;
-          box-shadow: 0 0 0 1px #16ab39 inset;
+  box-shadow: 0 0 0 1px #16ab39 inset;
   color: #16ab39;
 }
 .ui.basic.positive.buttons .button:focus,
 .ui.basic.positive.button:focus {
   background: transparent;
-  -webkit-box-shadow: 0 0 0 1px #0ea432 inset;
-          box-shadow: 0 0 0 1px #0ea432 inset;
+  box-shadow: 0 0 0 1px #0ea432 inset;
   color: #16ab39;
 }
 .ui.basic.positive.buttons .active.button,
 .ui.basic.positive.active.button {
   background: transparent;
-  -webkit-box-shadow: 0 0 0 1px #13ae38 inset;
-          box-shadow: 0 0 0 1px #13ae38 inset;
+  box-shadow: 0 0 0 1px #13ae38 inset;
   color: #198f35;
 }
 .ui.basic.positive.buttons .button:active,
 .ui.basic.positive.button:active {
-  -webkit-box-shadow: 0 0 0 1px #198f35 inset;
-          box-shadow: 0 0 0 1px #198f35 inset;
+  box-shadow: 0 0 0 1px #198f35 inset;
   color: #198f35;
 }
 .ui.buttons:not(.vertical) > .basic.positive.button:not(:first-child) {
   margin-left: -1px;
 }
 
-/*---------------
-     Negative
-----------------*/
-
-
 /* Standard */
 .ui.negative.buttons .button,
 .ui.negative.button {
-  background-color: #DB2828;
-  color: #FFFFFF;
+  background-color: #db2828;
+  color: #fff;
   text-shadow: none;
   background-image: none;
 }
 .ui.negative.button {
-  -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
-          box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
+  box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
 }
 .ui.negative.buttons .button:hover,
 .ui.negative.button:hover {
   background-color: #d01919;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.negative.buttons .button:focus,
 .ui.negative.button:focus {
   background-color: #ca1010;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.negative.buttons .button:active,
 .ui.negative.button:active {
   background-color: #b21e1e;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 .ui.negative.buttons .active.button,
@@ -4263,7 +3833,7 @@
 .ui.negative.active.button,
 .ui.negative.button .active.button:active {
   background-color: #d41515;
-  color: #FFFFFF;
+  color: #fff;
   text-shadow: none;
 }
 
@@ -4271,35 +3841,30 @@
 .ui.basic.negative.buttons .button,
 .ui.basic.negative.button {
   background: transparent;
-  -webkit-box-shadow: 0 0 0 1px #DB2828 inset;
-          box-shadow: 0 0 0 1px #DB2828 inset;
-  color: #DB2828;
+  box-shadow: 0 0 0 1px #db2828 inset;
+  color: #db2828;
 }
 .ui.basic.negative.buttons .button:hover,
 .ui.basic.negative.button:hover {
   background: transparent;
-  -webkit-box-shadow: 0 0 0 1px #d01919 inset;
-          box-shadow: 0 0 0 1px #d01919 inset;
+  box-shadow: 0 0 0 1px #d01919 inset;
   color: #d01919;
 }
 .ui.basic.negative.buttons .button:focus,
 .ui.basic.negative.button:focus {
   background: transparent;
-  -webkit-box-shadow: 0 0 0 1px #ca1010 inset;
-          box-shadow: 0 0 0 1px #ca1010 inset;
+  box-shadow: 0 0 0 1px #ca1010 inset;
   color: #d01919;
 }
 .ui.basic.negative.buttons .active.button,
 .ui.basic.negative.active.button {
   background: transparent;
-  -webkit-box-shadow: 0 0 0 1px #d41515 inset;
-          box-shadow: 0 0 0 1px #d41515 inset;
+  box-shadow: 0 0 0 1px #d41515 inset;
   color: #b21e1e;
 }
 .ui.basic.negative.buttons .button:active,
 .ui.basic.negative.button:active {
-  -webkit-box-shadow: 0 0 0 1px #b21e1e inset;
-          box-shadow: 0 0 0 1px #b21e1e inset;
+  box-shadow: 0 0 0 1px #b21e1e inset;
   color: #b21e1e;
 }
 .ui.buttons:not(.vertical) > .basic.negative.button:not(:first-child) {
@@ -4308,28 +3873,22 @@
 
 
 /*******************************
-              Groups
-  *******************************/
+                Groups
+    *******************************/
 
 .ui.buttons {
-  display: -webkit-inline-box;
-  display: -ms-inline-flexbox;
   display: inline-flex;
-  -webkit-box-orient: horizontal;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: row;
-          flex-direction: row;
+  flex-direction: row;
   font-size: 0;
   vertical-align: baseline;
   margin: 0 0.25em 0 0;
 }
 .ui.buttons:not(.basic):not(.inverted) {
-  -webkit-box-shadow: none;
-          box-shadow: none;
+  box-shadow: none;
 }
 
 /* Clearfix */
-.ui.buttons:after {
+.ui.buttons::after {
   content: ".";
   display: block;
   height: 0;
@@ -4339,15 +3898,12 @@
 
 /* Standard Group */
 .ui.buttons .button {
-  -webkit-box-flex: 1;
-      -ms-flex: 1 0 auto;
-          flex: 1 0 auto;
+  flex: 1 0 auto;
   border-radius: 0;
-  margin: 0 0 0 0;
+  margin: 0;
 }
 .ui.buttons:not(.basic):not(.inverted) > .button:not(.basic):not(.inverted) {
-  -webkit-box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
-          box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
+  box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
 }
 .ui.buttons .button:first-child {
   border-left: none;
@@ -4360,25 +3916,21 @@
   border-bottom-right-radius: 0.28571429rem;
 }
 
-/* Vertical  Style */
+/* Vertical Style */
 .ui.vertical.buttons {
-  display: -webkit-inline-box;
-  display: -ms-inline-flexbox;
   display: inline-flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
+  flex-direction: column;
 }
 .ui.vertical.buttons .button {
   display: block;
   float: none;
   width: 100%;
-  margin: 0 0 0 0;
-  -webkit-box-shadow: none;
-          box-shadow: none;
+  margin: 0;
   border-radius: 0;
 }
+.ui.vertical.buttons .button:not(.basic) {
+  box-shadow: none;
+}
 .ui.vertical.buttons .button:first-child {
   border-top-left-radius: 0.28571429rem;
   border-top-right-radius: 0.28571429rem;
@@ -4391,6 +3943,89 @@
 .ui.vertical.buttons .button:only-child {
   border-radius: 0.28571429rem;
 }
+.ui.vertical.buttons .basic.button:not(:first-child) {
+  border-top: none;
+}
+.ui.wrapping.buttons {
+  flex-wrap: wrap;
+}
+.ui.wrapping.basic.buttons {
+  border-bottom: none;
+}
+.ui.wrapping.basic.buttons .button {
+  border-bottom: 1px solid rgba(34, 36, 38, 0.15);
+}
+.ui.wrapping.basic.buttons .button:hover {
+  background: transparent !important;
+}
+.ui.compact.wrapping.buttons .button {
+  flex: none;
+}
+.ui.wrapped.buttons:not(.spaced) {
+  border-top-right-radius: 0;
+}
+.ui.wrapped.buttons:not(.spaced) .button:first-child {
+  border-radius: 0.28571429rem 0 0 0;
+}
+.ui.wrapped.buttons:not(.spaced) .button:last-child {
+  border-radius: 0 0 0.28571429rem 0;
+}
+.ui.wrapped[class*="top attached"].buttons {
+  border-radius: 0.28571429rem 0 0 0;
+}
+.ui.wrapped[class*="top attached"].buttons .button:last-child {
+  border-radius: 0;
+}
+.ui.wrapped[class*="bottom attached"].buttons {
+  border-radius: 0 0 0 0.28571429rem;
+}
+.ui.wrapped[class*="bottom attached"].buttons .button:first-child {
+  border-radius: 0;
+}
+.ui.spaced.buttons .ui.button {
+  margin-bottom: 1em;
+  margin-right: 1em;
+  border-radius: 0.28571429rem;
+}
+.ui.spaced.basic.buttons {
+  border: none;
+}
+.ui.spaced.basic.buttons .button {
+  border: 1px solid rgba(34, 36, 38, 0.15);
+}
+.ui.spaced.basic.buttons .button.basic {
+  border: none;
+}
+.ui.spaced.basic.vertical.buttons .button:first-child {
+  border-top: 1px solid rgba(34, 36, 38, 0.15);
+}
+.ui.spaced.basic.wrapping.buttons .button:not(.basic) {
+  border-top: 1px solid rgba(34, 36, 38, 0.15);
+  border-right: 1px solid rgba(34, 36, 38, 0.15);
+}
+.ui.spaced.basic.wrapping.buttons .button:not(.basic):first-child {
+  border-left: 1px solid rgba(34, 36, 38, 0.15);
+}
+.ui.spaced.basic.inverted.buttons .basic.button {
+  margin-bottom: calc(1em + 1px);
+  margin-top: 1px;
+}
+.ui.basic.buttons:not(.vertical).inverted .button,
+.ui.basic.buttons:not(.vertical) .basic.button {
+  margin-left: -1px;
+  border-right: none;
+}
+.ui.basic.buttons:not(.vertical):not(.spaced):not(.inverted) .basic.button {
+  margin-top: -1px;
+  border-bottom: none;
+}
+.ui.inverted.basic.buttons:not(.spaced) .button,
+.ui.attached.basic.buttons:not(.wrapping):not(.inverted) .basic.button {
+  margin-bottom: -1px;
+}
+.ui.basic.buttons:not(.vertical):not(.attached):not(.spaced):not(.wrapping):not(.inverted) .basic.button {
+  margin-bottom: -1px;
+}
 
 
 /*******************************