.feedback {
  margin-top: 70px;
  padding: 28px;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 24px 40px;
  align-items: center;
  border: 3px solid var(--ink);
  background: #efe5d5;
  box-shadow: 7px 8px 0 var(--ink);
}
.feedback h2 { margin: 0; font: 950 31px/1.1 var(--display); }
.feedback p { margin: 8px 0 0; color: var(--muted); }
.feedback-actions { display: flex; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }
.feedback button { min-height: 46px; padding: 9px 14px; border: 2px solid var(--ink); background: var(--white); font: 850 15px/1 var(--body); }
.feedback button[aria-pressed="true"] { color: #fff; background: var(--purple); }
.feedback button:disabled { cursor: default; opacity: .74; }
.feedback-status { grid-column: 1/-1; min-height: 24px; margin: 0!important; color: var(--purple)!important; font-weight: 850; }
@media (max-width: 800px) {
  .feedback { grid-template-columns: 1fr; padding: 22px; }
  .feedback-actions { display: grid; }
  .feedback button { width: 100%; }
}