/* Supporting text links on service pages and city-specific project case studies. */
body .pc-support-link:any-link {
  padding: 0.12em 0.35em;
  border-radius: 0.4rem;
  background: #f1f5f9;
  color: #334155;
  font-weight: 600;
  text-decoration: none;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background-color 180ms ease, color 180ms ease;
}

body .pc-support-link:any-link:hover {
  background: #e7f1fc;
  color: #0f172a;
}

.pc-support-link .pc-support-tail {
  white-space: nowrap;
}

.pc-support-link .pc-support-arrow {
  display: inline-block;
  margin-left: 0.2em;
  color: #64748b;
  transition: color 180ms ease, transform 180ms ease;
}

.pc-support-link:hover .pc-support-arrow {
  color: var(--accent-dji-blue, #0070d2);
  transform: translate(1px, -1px);
}

body .pc-support-link:any-link:focus-visible {
  outline: 2px solid var(--accent-dji-blue, #0070d2);
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  body .pc-support-link:any-link,
  .pc-support-link .pc-support-arrow {
    transition: none;
  }

  .pc-support-link:hover .pc-support-arrow {
    transform: none;
  }
}