.data-form {
  justify-content: center;
}

.actions-group {
  margin: 0 auto;
  margin-top: $spacing-l;
  margin-bottom: $spacing-m;

  text-align: center;

  button {
    margin: 0 $spacing-s;
  }

  @include for-size (sm-down) {
    display: block;
    flex-direction: column;
    align-items: stretch;

    min-width: 55%;

    button:not(:last-child) {
      margin-bottom: $spacing-m;

    }
  }
}

.mat-radio-button {
  display: block;
  margin-bottom: $spacing-m;
}

.other-contact-data,
.default-contact-data {
  display: block;
  margin-top: $spacing-m;
  margin-bottom: $spacing-l;
  padding: $spacing-m;

  .mat-label{
    font-size: 14px;
  }
}

.other-contact-data {
  flex-direction: column;
  padding: 0 !important;
  display: flex;


  .mat-form-field {
    width: 100%;
  }
  .mat-form-field-appearance-outline .mat-form-field-wrapper {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }


}

.default-contact-data {
  background: $secondary;

  p {
    margin: 0;
    margin-bottom: $spacing-xs;
  }


}

::ng-deep {
  .mat-form-field-appearance-outline .mat-form-field-wrapper {
    margin-bottom: 0 !important;
    margin-top: $spacing-m !important;
  }
}

// For inner circle
::ng-deep {
  .mat-radio-checked .mat-radio-inner-circle {
    background-color: $primary !important;
  }
  .mat-radio-checked .mat-radio-outer-circle {
    border-color: $primary !important;
  }
}


