for iOS */
      width: 250px;
      padding: 20px;
      color: #586875;
      background-color: #f4f7f7;
      box-shadow: 0 10px 20px #0006;
      animation-duration: 0.5s;
      animation-timing-function: ease-in-out; /* important to use a symmetrical timing function (linear also works) */
      animation-fill-mode: forwards;
    }

    .happy-card {
      grid-area: happy;
      margin-right: -10px; /* nudge closer to lover's card */

      /* these values are used to animate via translateX */
      --