@media (hover: hover) {
  .button {
    transition: background .2s ease, box-shadow .2s ease, transform .2s ease;
  }

  .button:hover {
    background: #594432;
    box-shadow: 0 10px 22px #382b2429;
    transform: translateY(-2px);
  }

  nav a:not(.nav-cta), .nav-cta {
    transition: color .2s ease, opacity .2s ease;
  }

  nav a:not(.nav-cta):hover, .nav-cta:hover {
    color: #725b46;
  }

  summary {
    transition: color .2s ease, padding-left .2s ease;
  }

  summary:hover {
    color: #725b46;
    padding-left: 5px;
  }

  .map-load {
    transition: background .2s ease, color .2s ease, transform .2s ease;
  }

  .map-load:hover {
    background: #725b46;
    color: #f5f0e7;
    transform: translateY(-1px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .button, summary, .map-load, nav a, .nav-cta {
    transition: none !important;
  }
}