.custom-radio {
  .custom-control-label {
    @extend                                                 .c-pointer;
    @extend                                                 .w-100;
    &::before {
      top:                                                  0.02rem;
      border-radius:                                        $custom-radio-indicator-border-radius;
    }
    &::after {
      top:                                                  0.02rem;
    }
  }

  .custom-control-input:checked ~ .custom-control-label {
    &::before {
      top:                                                  0.02rem;
      background-color:                                     $white !important;
      border:                                               solid 1px $light;
    }
    &::after {
      top:                                                  0.02rem;
      background-image:                                     str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='4' fill='#{$primary}'/%3E%3C/svg%3E"), "#", "%23")  !important;
    }
  }

  .custom-control-input:disabled {
    &:checked ~ .custom-control-label {
      &::before {
        background-color:                                   $custom-control-indicator-disabled-bg !important;
        border-color:                                       $custom-control-indicator-border-color !important;
      }

      &::after {
        display:                                            none;
      }
    }
  }

  @include                                                  media-breakpoint-down(sm) {
    min-height:                                             $mobile-eshop-custom-control-height;
  }
}
