.pb-format-code {
  position: absolute;
  top: 9px;
  right: 62px;
  z-index: 2;
  min-height: 28px;
  padding: 0 9px;
  border: 1px solid rgba(255,255,255,.17);
  border-radius: 6px;
  background: rgba(255,255,255,.07);
  color: #c7d0c9;
  cursor: pointer;
  font-size: .65rem;
  opacity: 0;
  transition: opacity .15s ease, background .15s ease;
}

pre:hover .pb-format-code,
.pb-format-code:focus-visible {
  opacity: 1;
}

.pb-format-code:hover {
  background: rgba(255,255,255,.14);
}

@media (max-width: 760px) {
  .pb-format-code { opacity: 1; }
}

@media print {
  .pb-format-code { display: none !important; }
}