.mat-mdc-radio-button{
  label{
    z-index: 2;
    padding-left: 0 !important;
    cursor: pointer;
  }
  .mdc-radio{
    position: absolute;
    z-index: 1;
  }
  .mdc-radio__outer-circle{
    border-width: 1px;
    border-color: var(--color-surface-alt-idle) !important;
  }
  .mdc-radio__background{
    border-radius: 50%;
  }
  .mdc-radio__native-control:checked+.mdc-radio__background{
    background-color: var(--color-surface-brand-idle) !important;
  }
  .mdc-radio__native-control:enabled+.mdc-radio__background .mdc-radio__inner-circle{
    border-color: var(--color-on-surface-alt-primary) !important;
  }
  .mdc-radio__native-control:enabled:checked+.mdc-radio__background .mdc-radio__outer-circle{
    border-color: var(--color-surface-brand-idle) !important;
  }
  &:hover{
    .mdc-radio__background{
      background-color: var(--color-surface-neutral-hover);
    }
    .mdc-radio__outer-circle{
      border-color: var(--color-surface-alt-hover) !important;
    }
    .mdc-radio__native-control:checked+.mdc-radio__background{
      background-color: var(--color-surface-brand-hover) !important;
    }
    .mdc-radio__native-control:enabled:checked+.mdc-radio__background .mdc-radio__outer-circle{
      border-color: var(--color-surface-brand-hover) !important;
    }
  }
  &:active{
    .mdc-radio__background{
      background-color: var(--color-surface-neutral-press);
    }
    .mdc-radio__outer-circle{
      border-color: var(--color-surface-alt-press) !important;
    }
    .mdc-radio__native-control:checked+.mdc-radio__background{
      background-color: var(--color-surface-brand-press) !important;
    }
    .mdc-radio__native-control:enabled:checked+.mdc-radio__background .mdc-radio__outer-circle{
      border-color: var(--color-surface-brand-hover) !important;
    }
  }
  &[disabled]{
    label{
      color: var(--color-on-surface-neutral-disabled) !important;
      cursor: default;
    }
    .mdc-radio__outer-circle{
      border-color: var(--color-on-surface-neutral-disabled) !important;
    }
    .mdc-radio__native-control:checked+.mdc-radio__background{
      background-color: var(--color-surface-brand-disabled) !important;
    }
    .mdc-radio .mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__outer-circle,
    .mdc-radio .mdc-radio__native-control:disabled:checked+.mdc-radio__background .mdc-radio__outer-circle {
      border-color: var(--color-surface-brand-disabled) !important;
    }
    .mdc-radio .mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__inner-circle {
      border-color: var(--color-on-surface-alt-primary) !important;
    }
    &:hover{
      .mdc-radio__background{
        background-color: transparent !important;
      }
    }
  }
  &.mat-warn{
    label{
      color: var(--color-on-surface-danger-primary);
    }
    .mdc-radio__outer-circle{
      border-color: var(--color-surface-danger-idle) !important;
    }
    &.mat-mdc-radio-checked{
      label{
        color: var(--color-on-surface-neutral-primary)
      }
    }
  }
}

mat-radio-group.radio-buttons-stacked{
  mat-radio-button{
    display: block;
    margin-bottom: 8px;
    &:last-of-type{
      margin-bottom: 0;
    }
  }
}