input[type='radio'] {
  appearance: none;
  -webkit-appearance: none;
  position: absolute;
  opacity: 0;
}

.custom-radio {
  display: flex;
  gap: 4px;
  align-items: center;

  line-height: 1;
}

.custom-radio .circle {
  display: inline-block;
  position: relative;
  width: 20px;
  height: 20px !important;
  border: 1.5px solid #c2cadb;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
}

.custom-radio input[type='radio']:checked + .circle::after {
  content: '';
  width: 12px;
  height: 12px;
  background-color: #0068ff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.custom-radio input[type='radio']:disabled + .circle {
  cursor: not-allowed;
  border-color: #d1d4d9;
}

.custom-radio input[type='radio']:disabled:checked + .circle::after {
  background-color: #d1d4d9;
}