/* stylelint-disable -- Exception */

.address-card {
  $block: #{&};

  @include flex(column, nowrap, $whitespace-5);

  flex: 1 1 40rem;
  inline-size: 100%;
  min-inline-size: 30rem;
  padding: $whitespace-6;
  border: 0.1rem solid $color-neutral-10;

  &__header {
    @include flex(row, nowrap, null, center, space-between);
  }

  &__body {
    @include flex(column, nowrap, $whitespace-2);

    overflow-wrap: anywhere;
    white-space: normal;
  }

  &__heading {
    font-weight: $font-weight-semi-bold;
  }

  &__form {
    @include flex(column, nowrap, $whitespace-5);
  }

  &__form-body {
    @include flex(column, nowrap, $whitespace-4);
  }

  &__input-wrapper {
    @include flex(column, nowrap, $whitespace-3);
  }

  &__input-error {
    font-size: $font-size-3;
    color: $color-status-error;
  }

  &__button-group {
    @include flex(row, nowrap, $whitespace-3);
  }

  &__danger-button {
    background-color: $color-status-error;
  }
}