.uponup-preview-links {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 9999;
  display: flex;
  gap: 9px;
  align-items: center;
}

.uponup-preview-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 9px 14px 9px 17px;
  border: 1px solid #111710;
  border-radius: 999px;
  box-shadow: 0 7px 24px rgb(16 25 17 / 20%);
  color: #111710;
  font: 700 13px/1.1 system-ui, sans-serif;
  text-decoration: none;
  white-space: nowrap;
  transition: transform .16s ease, box-shadow .16s ease;
}

.uponup-preview-link:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 26px rgb(16 25 17 / 28%);
}

.uponup-preview-link:focus-visible {
  outline: 3px solid #111710;
  outline-offset: 3px;
}

.uponup-preview-link--old { background: #ff6b50; }
.uponup-preview-link--uponup { background: #d8ff47; }

@media (max-width: 520px) {
  .uponup-preview-links { right: 12px; bottom: 68px; gap: 6px; }
  .uponup-preview-link { gap: 6px; padding: 9px 11px; font-size: 11px; }
}

@media (prefers-reduced-motion: reduce) {
  .uponup-preview-link { transition: none; }
}