.p-mobile-app .mobile-app-hero__phone,
.p-mobile-app .mobile-app-hero__phone img,
.p-mobile-app .mobile-app-feature-card,
.p-mobile-app .mobile-app-screen,
.p-mobile-app .mobile-app-screen img {
  transition-duration: 0.42s;
  transition-timing-function: cubic-bezier(0.2, 0.75, 0.25, 1);
}

.p-mobile-app .mobile-app-hero__phone,
.p-mobile-app .mobile-app-hero__phone img,
.p-mobile-app .mobile-app-screen,
.p-mobile-app .mobile-app-screen img {
  will-change: transform;
}

@media (min-width: 861px) {
  .p-mobile-app .mobile-app-hero__visual:hover .mobile-app-hero__phone {
    transform: translateY(-0.8rem) scale(1.02);
    filter: drop-shadow(0 2.8rem 2.8rem rgba(0, 42, 73, 0.28));
  }

  .p-mobile-app .mobile-app-hero__visual:hover .mobile-app-hero__phone img {
    transform: rotate(-0.6deg);
  }

  .p-mobile-app .mobile-app-feature-card:hover {
    transform: translateY(-0.6rem);
    border-color: rgba(7, 155, 211, 0.38);
    box-shadow: 0 3rem 6rem rgba(0, 67, 108, 0.14);
  }

  .p-mobile-app .mobile-app-feature-card:hover .mobile-app-screen {
    transform: translateY(-1.2rem);
    box-shadow: 0 2.2rem 4rem rgba(0, 31, 54, 0.24);
  }

  .p-mobile-app .mobile-app-feature-card:hover .mobile-app-screen:nth-child(even) {
    transform: translateY(-2rem);
  }

  .p-mobile-app .mobile-app-feature-card:hover .mobile-app-screen img {
    transform: scale(1.025);
    filter: saturate(1.06) contrast(1.02);
  }
}

@media (prefers-reduced-motion: reduce) {
  .p-mobile-app .mobile-app-hero__phone,
  .p-mobile-app .mobile-app-hero__phone img,
  .p-mobile-app .mobile-app-feature-card,
  .p-mobile-app .mobile-app-screen,
  .p-mobile-app .mobile-app-screen img {
    transition: none;
  }
}