span.cp-2-clip-wrap {
  position: relative;
  display: inline-block;
}

span.cp-2-clip-wrap.full {
  width: 100%;
}

.copy-2-clip, pre.copy, code.copy {
  position: relative;
}

span.copy-alert {
  display: none;
  position: absolute;
  padding: 1px 8px;
  white-space: nowrap;
  border-radius: 3px;
  font-size: 14px;
  color: #fff;
  line-height: 2;
  background: #0674EC;
  z-index: 99999999;
}

span.cp-2-clip-wrap.min span.copy-alert {
  left: calc( 100% + 5px);
  top: 50%;
  transform: translateY(-50%);
}

span.cp-2-clip-wrap.full span.copy-alert {
  right: 0;
  top: 0;
/*   transform: translateY(calc(-100% - 5px)); */
}