@import "../../../../assets/scss/variables";
.custom-radio-button{
  display: flex;
  .options{
    display:flex;
    flex-wrap: wrap;
    gap: 12px;
    .radio-option{
      //margin-right:12px;
      display: flex!important;
      flex: 0;
      align-items: center;
      cursor: pointer;
      input{
        margin-right: 5px;
        width: 15px; /* Adjust the width as needed */
        height: 15px; /* Adjust the height as needed */
        border: 1px solid $main-color; /* Set the border color */
        border-radius: 0; /* Optionally remove border radius */
        appearance: none; /* Remove default radio button appearance */
      }
      .radio-input {
        display: flex;
        align-items: center;

        .check-mark-svg {
          position: relative;
          right: 15.5px;
          bottom: 0.5px;
          width: 0;
          svg{
            width: 6px;
            height: 6px;
            filter: $svg-default;
          }
        }
      }
      span{
        li{
          list-style: none;
          white-space: nowrap;
        }
      }
    }
  }


  &.user-form-field{

    li{
      font-size: 1.6rem;
    }

  }
}