.copy-btn {
  position: relative;
}

.copy-btn.is-copied {
  opacity: 1 !important;
  color: var(--teal, #2a9d8f) !important;
  transform: scale(1.06);
}

.copy-btn.is-copied::after {
  content: "Copied";
  position: absolute;
  left: 50%;
  bottom: calc(100% + 6px);
  transform: translateX(-50%);
  background: #0f766e;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  padding: 5px 7px;
  border-radius: 999px;
  white-space: nowrap;
  box-shadow: 0 6px 18px rgba(15, 118, 110, 0.22);
  animation: vnext-copy-pop 1.2s ease;
  pointer-events: none;
  z-index: 4;
}

@keyframes vnext-copy-pop {
  0% { opacity: 0; transform: translateX(-50%) translateY(4px) scale(0.96); }
  15% { opacity: 1; transform: translateX(-50%) translateY(0) scale(1); }
  80% { opacity: 1; transform: translateX(-50%) translateY(0) scale(1); }
  100% { opacity: 0; transform: translateX(-50%) translateY(-2px) scale(0.98); }
}