[Сергей Ракипов]

<button class="contract" hidden="hidden" onclick="localStorage.contract = this.hidden = true">contract</button>
  <script>
document.querySelector('.contract').hidden = 'contract' in localStorage;
  </script>

Я уже разобрался как работает localStorage, спасибо

У меня сейчас другая проблема, не могу сообразить как сделать что бы блок который будет появляться вверху браузера сдвигал то что ниже, и соответственно когда он будет снова заезжать на вверх то что внизу он тоже подвиглась вверх.

То есть у меня блок соглашение появляется через 2 секунды выезжаю сверху.

И не подходит display none так как она не анимируется. и transform transform: translateY(100%); тоже не подходит так как он не сдвигает блоки. Нужно что бы один блок толкнул другой сверху вниз и когда он снова будет заезжать на вверх за ним подтянулись другие.