.radio-wrap {
  line-height: 1.5rem !important;
  @apply my-sm block leading-10 mb-lg;

  div {
    @apply block mb-md;
  }

  .radio-btn-checkmark {
    height: 1.5rem !important;
    width: 1.5rem !important;
  }
  .radio-btn-wrap input:checked ~ .radio-btn-checkmark:after {
    top: 0.35rem !important;
    left: 0.35rem !important;
    height: 0.8rem !important;
    width: 0.8rem !important;
  }

  .radio-btn-wrap {
    @apply block float-left relative;
    &:hover {
      .radio-btn-checkmark {
        @apply border-primary-main;
      }
    }
  }

  .radio-btn {
    @apply opacity-0 absolute cursor-pointer h-10 w-10;
  }

  .radio-btn-checkmark {
    @apply h-10 w-10 border border-input-border border-solid rounded-full block;
  }

  label {
    @apply text-text-primary text-form-field ml-md;
  }

  .radio-btn-checkmark:after {
    content: "";
  }

  .radio-btn-wrap input:checked ~ .radio-btn-checkmark {
    @apply border-2 border-primary-main;
  }

  .radio-btn-wrap input:checked ~ .radio-btn-checkmark:after {
    @apply block bg-primary-main h-5 w-5 rounded-full absolute top-10 left-10;
  }
}
.reverse-radio-selection-wrapper{
  div{
    @apply flex flex-row-reverse place-content-between items-center;    ;
  }
}