Объясните, почему не работают кнопки в попап для авторов, если я хочу использовать структуру в другом попапе?

Попап для авторов

<div class="profile__form">
        <img src="image/avatar.png" alt="Аватарка" class="profile__avatar">
        <h1 class="profile__title">Жак-Ив Кусто</h1>
        <button type="button" class="profile__button">
            <img src="image/button__prof.svg" alt="Карандаш" class="profile__img">
        </button>
        <p class="profile__subtitle">Исследователь океана</p>
    </div>
    <button type="button" class="button">
        <img src="image/Plus.svg" alt="Плюс">
    </button>

<div class="popup">
    <button type="button" class="popup__button-close"></button>
    <form name="poop-container" class="popup__container">
        <h2 class="popup__title">Редактировать профиль</h2>
        <input name="popup-author" type="text" value="Жак-Ив Кусто" class="popup__text popup__text_author">
        <input name="popup-characteristic" type="text" value="Исследователь океана" class="popup__text popup__text_characteristic">
        <button type="submit" class="popup__button">Сохранить</button>
    </form>
</div>



 /* Открытие popup для автора */
let popup = document.querySelector('.popup');
let button = document.querySelector('.profile__button');

function openPopup(event){
    event.preventDefault();
    popup.classList.add('popup_opened');
    popupAuthor.value = profileAvatar.textContent;
    popupCharacteristic.value = profileSubtitle.textContent;
}

button.addEventListener('click', openPopup);

Другой попап

<div class="popup-cards">
    <button type="button" class="popup__button-close"></button>
    <form name="poop-container" class="popup__container">
        <h2 class="popup__title">Новое место</h2>
        <input name="popup-name" type="text" value="Название" class="popup__text popup__text_name">
        <input name="popup-url" type="text" value="Ссылка на картинку" class="popup__text popup__text_url">
        <button type="submit" class="popup__button">Создать</button>
    </form>
</div>

    /* popup для карточек */

let buttonSetCards = document.querySelector('.button');
let popupCards = document.querySelector('.popup-cards');

function openPopupCards(evt) {
    evt.preventDefault();
    popupCards.classList.toggle('popup_opened');
}

buttonSetCards.addEventListener('click', openPopupCards);