.banner--hide announcement-banner,
announcement-banner[hidden] {
  display: none;
}
[data-banner-close] {
  opacity: 0;
  pointer-events: none;
}
.banner--show-close [data-banner-close] {
  opacity: 1;
  pointer-events: auto;
}

<announcement-banner>
  <a href="https://www.netlify.com/sustainability/">Read about our Sustainability</a>
  <button type="button" data-banner-close>Close</button>
</announcement-banner>

// Адрес CTA ссылки, мы инжектим его из JSON файла
let ctaUrl = "https://www.netlify.com/sustainability/";
let savedCtaUrl = localStorage.getItem("banner--cta-url");
if(savedCtaUrl === ctaUrl) {
  document.documentElement.classList.add("banner--hide");
}

class Banner extends HTMLElement {
  connectedCallback() {
    // Независимо от того, когда это выполняется, кнопка закрытия будет скрыта,
    // пока этот класс не будет добавлен - он предотвращает призрачные клики
    // по кнопке до добавления обработчика событий.
    this.classList.add("banner--show-close");
    let button = this.getButton();
    if(button) {
      button.addEventListener("click", () => {
        this.savePreference();
        this.close();
      });
    }
  }
  getButton() {
    return this.querySelector("[data-banner-close]");
  }
  savePreference() {
    let cta = this.querySelector("a[href]");
    if(cta) {
      let ctaUrl = cta.getAttribute("href");
      localStorage.setItem("banner--cta-url", ctaUrl);
    }
  }
  close() {
    this.setAttribute("hidden", true);
  }
}
window.customElements.define("announcement-banner", Banner);