@import '../constants/variables';

@mixin prutech-dynamic-radio-button-theme($theme, $typography) {
  .prutech-dynamic-radio-button-group {
    // [layout="row"]
    flex-direction: row;
    // [layout]
    display: flex;
    box-sizing: border-box;
    .prutech-dynamic-radio-button {
      // [flex]
      flex: 1;
      box-sizing: border-box;
    }
  }

  .prutech-dynamic-radio-button-group-wrapper {
    //padding-bottom: 1.34375em;
    position: relative;
    display: flex;
    padding: 10px 0;
  }

  .prutech-dynamic-radio-button-group-label {
    display: block;
    //margin-bottom: 1.34375em;
    min-height: 4px;
  }

  .mat-form-field-subscript-wrapper {
    padding: 0 1em 0 1em;
  }
  .prutech-dynamic-button-mandatory {
    color: $mandatory-color;
  }
  .mat-radio-checked .mat-radio-outer-circle {
    border-color: $button-background !important;
  }
  .mat-radio-checked .mat-radio-inner-circle {
    background-color: $button-background !important;
  }
  .mat-radio-label-content {
    margin-right: 40px;
  }
}