.project-notice {
  width: min(100% - 32px, 1180px);
  margin: 18px auto 0;
  padding: 16px 20px;
  border: 1px solid #ba9a52;
  border-left: 4px solid #967022;
  border-radius: 5px;
  background: #fff8e7;
  color: #463b25;
  font-size: 14px;
  line-height: 1.6;
}
.project-notice p { margin: 0; }
.project-notice p + p { margin-top: 8px; }
@media (max-width: 600px) { .project-notice { padding: 14px; } }
.project-notice-reactions { display: flex; justify-content: flex-end; margin-top: 12px; }
.project-notice-reactions form { margin: 0; }
.project-notice-reaction { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 5px 12px; border-color: #ba9a52; background: #fffdf5; color: #463b25; }
.project-notice-reaction > span:first-child { font-size: 24px; line-height: 1; }
.project-notice-reaction:disabled { cursor: wait; opacity: .65; }
.project-notice-reaction-error { display: block; text-align: right; font-size: 13px; }
.project-notice-reaction-error:empty { display: none; }