/* "Copy" button of the termynal terminals (see termynal-copy.js). */
.termynal-wrap {
  position: relative;
}

.termynal-copy {
  position: absolute;
  top: 12px;
  right: 14px;
  z-index: 2;
  padding: 3px 12px;
  font: 600 12px/1.6 var(--md-code-font-family, monospace);
  color: #a2a2a2;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 4px;
  cursor: pointer;
  transition: color 0.15s, background 0.15s, border-color 0.15s;
}

.termynal-copy:hover,
.termynal-copy:focus-visible {
  color: #fff;
  background: rgba(255, 255, 255, 0.16);
  outline: none;
}

.termynal-copy--done {
  color: #4caf50;
  border-color: #4caf50;
}