$radio-button-prefix: #{$prefix}-radio-button;
@mixin radio-button-base {
  position: relative;
  & .#{$prefix}-switch-base-button {
    width: 0;
    min-width: 0;
    padding: 0;
    // visibility: hidden;
  }
  & .#{$prefix}-button {
    border-left-width: 0;
    border-radius: 0;
    &:hover,
    &:focus,
    &-active {
      z-index: 1;
      box-shadow: -$global-border-width 0 0 0 $primary-color;
    }
  }
  &:first-child {
    .#{$prefix}-button {
      border-left-width: $global-border-width;
      border-radius: $global-radius 0 0 $global-radius;
      &:hover,
      &:focus,
      &-active {
        z-index: 1;
        box-shadow: none;
      }
    }
  }
  &:not(:first-child) {
    .#{$prefix}-button {
      &::before {
        display: block;
        position: absolute;
        top: 0;
        left: -1px;
        width: 1px;
        height: 100%;
        border-radius: $global-radius;
        background-color: $global-border-color;
        content: '';
      }
      &:hover,
      &:focus,
      &-active {
        &::before {
          background-color: transparent;
        }
      }
    }
  }
  &:last-child {
    .#{$prefix}-button {
      border-radius: 0 $global-radius $global-radius 0;
    }
  }
  &:only-child {
    .#{$prefix}-button {
      border-radius: $global-radius;
    }
  }
}

@mixin ne-radio-button {
  .#{$radio-button-prefix} {
    @include radio-button-base;
    margin-right: 0;
  }
}
