/* A button that also uses the text-button class must keep a readable surface. */
.survey-only .button.text-button {
  background: #fff;
  color: #28445d;
  border: 1px solid #c8d5e2;
  box-shadow: none;
  min-height: 42px;
  padding: 9px 16px;
  text-align: center;
  font-size: 15px;
  font-weight: 750;
}
.survey-only .button.text-button:hover {
  background: #edf4f8;
  color: #173d58;
  border-color: #a7becf;
}
.survey-only .button.text-button:focus-visible {
  outline: 3px solid #7550d2;
  outline-offset: 3px;
}
.survey-only .button.text-button[data-action="creator-remove-review"],
.survey-only .button.text-button[data-action="creator-invite-cancel"],
.survey-only .button.text-button[data-action="membership-cancel-review"] {
  color: #91394a;
  border-color: #d9b7bf;
}
.survey-only .button.text-button[data-action="creator-remove-review"]:hover,
.survey-only .button.text-button[data-action="creator-invite-cancel"]:hover,
.survey-only .button.text-button[data-action="membership-cancel-review"]:hover {
  background: #fff0f2;
  color: #762536;
  border-color: #c994a0;
}
@media (max-width: 760px) {
  .survey-only .creator-row > .button.text-button {
    grid-column: 2 / -1;
    justify-self: start;
    min-width: 110px;
    margin-top: 4px;
  }
}