.csc-feedback {
  --button-positive--fg: var(--c-success-800);
  --button-positive--bg: var(--c-success-200);
  --button-positive--hover: var(--c-success-600);
  --button-negative--fg: var(--c-error-800);
  --button-negative--bg: var(--c-error-200);
  --button-negative--hover: var(--c-error-600);
}

.csc-feedback fieldset {
  border: unset;
  max-width: fit-content;
  margin: 0 auto 1rem auto;
}

.csc-feedback fieldset legend {
  margin: 0 auto;
}

.csc-feedback .csc-feedback-content {
  display: flex;
  justify-content: center;
}

.csc-feedback .csc-feedback-button {
  border: 0;
  scale: 0.9;
}

.csc-feedback .csc-feedback-note {
  font-weight: var(--csc-font-weight--bold);
}

.csc-feedback .csc-feedback-button--positive {
  color: var(--button-positive--fg);
  background-color: var(--button-positive--bg);
}

.csc-feedback .csc-feedback-button--positive:is(:hover, :focus) {
  background-color: var(--button-positive--hover);
}

.csc-feedback .csc-feedback-button--negative {
  color: var(--button-negative--fg);
  background-color: var(--button-negative--bg);
}

.csc-feedback .csc-feedback-button--negative:is(:hover, :focus) {
  background-color: var(--button-negative--hover);
}

.csc-feedback .csc-rated>.csc-feedback-button {
  display: none;
}

.csc-feedback .csc-feedback-content:not(.csc-rated)>.csc-feedback-note {
  display: none;
}

.csc-feedback .csc-rated--positive .csc-feedback-note--negative {
  display: none;
}

.csc-feedback .csc-rated--negative .csc-feedback-note--positive {
  display: none;
}

.csc-feedback .csc-feedback-instructions {
  margin: 1rem auto;
  max-width: 66%;
}