// Used in E-commerce checkout page

.radio-select .form-check-label {
  cursor: pointer;
}
.radio-select-content {
  border: 1px solid var(--#{$prefix}border-color);
  color: var(--#{$prefix}gray-500);
  transition: $transition-base;
  display: block;
  padding: map_get($spacers, 3);
  font-weight: $font-weight-normal;
  border-radius: $border-radius;
  font-size: map_get($font-sizes, 10);
  margin-top: map_get($spacers, 2);
}
.radio-select-link {
  color: inherit;
}
.radio-select
  .form-check-input:checked
  + .form-check-label
  .radio-select-content {
  border: 1px solid var(--#{$prefix}success);
  color: var(--#{$prefix}gray-1100);
}

.form-check-input,
.form-select {
  appearance: none;
  -webkit-appearance: none;
}
