.add-to-address-book-modal {
  display: flex;
  flex-flow: column nowrap;
  background-color: var(--white);
  border-radius: 10px;
  box-shadow: 0 5px 16px rgba($black, 0.25);

  &__content {
    @extend %col-nowrap;

    padding: 1.5rem;
    border-bottom: 1px solid var(--Grey-100);

    &__header {
      @include H3;
    }
  }

  &__input-label {
    color: var(--Grey-600);
    margin-top: 1.25rem;
  }

  &__input {
    @include H4;

    background: var(--white);
    border: 1px solid var(--Grey-100);
    box-sizing: border-box;
    border-radius: 8px;
    padding: 0.625rem 0.75rem;
    margin-top: 0.75rem;

    &::placeholder {
      color: var(--Grey-300);
    }
  }

  &__footer {
    @extend %row-nowrap;

    padding: 1rem;

    button + button {
      margin-left: 1rem;
    }
  }
}