.feedback_wrapper {
  font-family: "Matter SemiMono", monospace;
  font-size:14px;
  padding:14px 32px;
  background-color:var(--subtle-white);
  border-top:1px solid var(--subtle-border);
  color:var(--soft-grey);
  display:flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap:4px;
}

.feedback_wrapper .label, .feedback_wrapper .thanks_message {
  margin-bottom:3px;
}

.feedback_buttons {
  display:flex;
  align-items:center;
  gap:6px;
}

.feedback_buttons svg {
  width:16px;
  height:auto;
}

button.feedback_button {
  display:flex;
  align-items: center;
  gap:6px;
  font-family: "Inter", sans-serif;
  font-weight:600;
  font-size:12px;
  padding:0 12px;
  border:1px solid var(--gridline);
  border-radius:25px;
  margin-bottom:0;
  transition: transform 100ms;
}

button.feedback_button:hover {
  border:1px solid var(--gridline);
}

button.feedback_button:active, button.feedback_button:focus {
  border:1px solid var(--gridline);
}

button.feedback_button:active {
  transform:scale(0.98);
}

button.feedback_button.thumbs_up {
  background-color:var(--deep-rose);
  color:var(--paper);
  border:1px solid #d18083;
}

.feedback_form {
  display:flex;
  gap:6px;
  align-items:center;
}

input[type="text"].feedback_input {
  font-size:14px;
  height:34px;
  margin-bottom:0;
  border-radius:6px;
  min-width:250px;
}

@media (min-width:900px) {
  .feedback_wrapper {
    flex-direction: row;
  }
  button.feedback_button {
    font-size:13px;
  }
  .feedback_buttons svg {
    width:18px;
  }
  input[type="text"].feedback_input {
    min-width:320px;
  }
}