splay: none;
    }

    /* hide lover's toggle button if lover's is currently selected */
    #lovers-radio:checked ~ .selector .lovers-pick {
      display: none;
    }

    /* increase overlap and swing distance on smaller screens */
    @media (max-width: 560px) {
      .happy-card {
        margin-right: -85px;
        --swing: -100px;
      }

      .lovers-card {
        margin-left: -85px;
        --swing: 100px;
      }
    }
  </style>
</head>

<body>
  <div>
    <!-- these radio buttons hold state