/* Small, low-risk visual polish layered on top of the existing button system —
   adds smooth transitions and hover depth without changing any colors, sizes
   or markup. Safe to remove independently if not wanted. */

.btn {
  transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.btn--filled:hover,
.btn--cta:hover,
.btn--call:hover,
.btn--offer:hover,
.btn--box:hover,
.btn--box-call:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.btn--outlined:hover {
  border-color: var(--color-brand, #012169);
  color: var(--color-brand, #012169);
}

/* Service/gallery/landing/blog cards already have their own hover lift —
   make sure the transition is smooth everywhere that pattern is reused. */
.gallery-card,
.service-box,
.related-service-card,
.related-post-card {
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}