.ds-radio__box {
  border-radius: var(--ds-radius-full);
}

.ds-radio__dot {
  display: block;
  width: 6px;
  height: 6px;
  border-radius: var(--ds-radius-full);
  background-color: currentcolor;
  transform: scale(0);
  transition: transform var(--ds-duration-fast) var(--ds-ease-standard);
}

.ds-choice__input:checked + .ds-radio__box .ds-radio__dot {
  transform: scale(1);
}

.ds-radio-group {
  display: flex;
  gap: var(--ds-space-xs);
  padding-top: var(--ds-space-3xs);
}

.ds-radio-group--vertical {
  flex-direction: column;
}

.ds-radio-group--horizontal {
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--ds-space-md);
}