/* Standalone navigation actions: one clear secondary button across the site. */
.btn.btn--outline {
  min-height: 52px;
  max-width: 100%;
  padding: .9rem 1.35rem;
  border: 2px solid var(--navy);
  border-radius: 999px;
  color: var(--navy);
  background: var(--white);
  box-shadow: 0 4px 12px rgba(13, 44, 73, .06);
  font-size: .96rem;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
  white-space: normal;
  transition: color 180ms ease, background-color 180ms ease,
    border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}
.btn.btn--outline::before,
.btn.btn--outline::after { content: none; }
.btn.btn--outline:hover {
  border-color: var(--navy);
  color: var(--white);
  background: var(--navy);
  box-shadow: 0 7px 18px rgba(13, 44, 73, .12);
  text-decoration: none;
  transform: translateY(-1px);
}
.btn.btn--outline:focus-visible {
  outline: 3px solid #a9542e;
  outline-offset: 4px;
}
.btn.btn--outline:active {
  border-color: var(--navy-deep);
  color: var(--white);
  background: var(--navy-deep);
  box-shadow: none;
  transform: none;
}
.home-intro-copy .btn--outline,
.large-service-grid .btn--outline { margin-top: .55rem; }
@media (prefers-reduced-motion: reduce) {
  .btn.btn--outline { transition: none; }
  .btn.btn--outline:hover { transform: none; }
}
