energylink/public/sass/components/_toggle_button_group.scss

.toggle-button-group {
  display: flex;

  .gf-form-label {
    background-color: $input-label-bg;
    &:first-child {
      border-radius: $border-radius 0 0 $border-radius;
      margin: 0;
    }
    &.small {
      padding: ($input-padding-y / 2) ($input-padding-x / 2);
      font-size: $font-size-xs;
    }
  }

  &.stacked {
    flex-direction: column;
  }

  .btn {
    background-color: $typeahead-selected-bg;
    border-radius: 0;
    color: $text-color;
    &.active {
      background-color: $input-bg;
      &:hover {
        cursor: default;
      }
    }

    &:first-child {
      border-radius: $border-radius 0 0 $border-radius;
      margin: 0;
    }

    &:last-child {
      border-radius: 0 $border-radius $border-radius 0;
      margin-left: 0;
    }

    &.stacked {
      border-radius: $border-radius;
    }
  }
}