.btn-group-block {
  @extend .btn-group;
  position: relative;
  display: flex;
  width: 100%;

  .btn {
    flex: 1 1 0;
  }
  .btn-content {
    display: flex;
    justify-content: center;
    flex-direction: row;
  }

  @include media-breakpoint-down(sm) {
    &.btn-group-block-responsive {
      display: block;
      .btn {
        display: block;
        float: none;
        &:not(:first-child):not(:last-child) {
          border-radius: 0;
        }
        &:first-child:not(:last-child) {
          border-top-right-radius: $btn-border-radius;
          @include border-bottom-radius(0);
        }
        &:last-child:not(:first-child) {
          border-bottom-left-radius: $btn-border-radius;
          @include border-top-radius(0);
        }
      }
    }
  }
}