.cui-button-group {
  display: inline-flex;
  vertical-align: middle; }
  .cui-button-group .cui-button {
    flex: 1 0 auto;
    position: relative;
    margin: 0; }
    .cui-button-group .cui-button:not(:first-child) {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0; }
    .cui-button-group .cui-button:not(:last-child) {
      margin-right: -1px;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0; }
    .cui-button-group .cui-button:active, .cui-button-group .cui-button.cui-active, .cui-button-group .cui-button:focus, .cui-button-group .cui-button:hover {
      z-index: 10; }
  .cui-button-group.cui-basic .cui-button {
    margin-right: 10px;
    border-radius: 3px; }
    .cui-button-group.cui-basic .cui-button:not(:last-child):after {
      margin: 5px;
      background: #c5cdd1;
      width: 1px;
      display: inline-block;
      position: absolute;
      top: 5%;
      bottom: 5%;
      left: 100%;
      content: ""; }
  .cui-button-group.cui-fluid {
    width: 100%; }
    .cui-button-group.cui-fluid .cui-button {
      flex: 1 1 auto; }