.copy-text--ready {
  display: flow-root;
  clear: none;
  min-width: 0;
  width: auto;
  margin: 12px 0;
  padding: 13px 14px;
  border: 1px solid rgb(77 174 221 / 42%);
  border-radius: 8px;
  color: #d9edf7;
  background: linear-gradient(135deg, rgb(7 25 36 / 94%), rgb(5 18 27 / 94%));
  box-shadow: inset 3px 0 0 #4daedd, 0 8px 22px rgb(0 0 0 / 14%);
  font-family: Consolas, "Liberation Mono", monospace;
  font-size: .9rem;
  line-height: 1.65;
  overflow-wrap: anywhere;
  white-space: normal;
}

.copy-text__button {
  display: block;
  width: max-content;
  max-width: 100%;
  margin: 10px 0 0 auto;
  padding: 6px 10px;
  border: 1px solid #4daedd;
  border-radius: 5px;
  color: #9ddcff;
  background: transparent;
  cursor: pointer;
  font: inherit;
  font-size: .78rem;
  font-weight: 700;
  white-space: nowrap;
}

.copy-text__button:hover,
.copy-text__button:focus-visible,
.copy-text__button.is-copied {
  color: #07151d;
  background: #4daedd;
}

.copy-text__clipboard {
  position: fixed;
  top: 0;
  left: -9999px;
}

@media (max-width: 600px) {
  .copy-text--ready { padding: 12px; }
  .copy-text__button { width: 100%; padding: 7px 9px; }
}