.error {
  padding: 10px;
  text-align: center;
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 6px;
  flex-wrap: wrap;
}

.inlineError {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  flex-wrap: wrap;
}

.errorMessage {
  color: red;
  overflow-wrap: anywhere;
}

.copyErrorButtonWrapper {
  display: inline-flex;
  align-items: baseline;
  gap: 1px;
  white-space: nowrap;
}

.copyErrorButton {
  all: unset;
  font: inherit;
  color: var(--button-desktop-text-color);
  text-decoration: var(--button-text-decoration);
  cursor: pointer;
  display: inline;
}

.copyErrorButton:hover {
  color: var(--button-desktop-text-color-hover);
}

.feedbackSuccessMessage {
  color: inherit;
}

.feedbackFailedMessage {
  color: red;
}
