.results .app-card {
  aspect-ratio: 1;
  align-items: center;
  justify-content: center;
  padding: 14px;
  border: 0;
  border-radius: 12px;
  background: #342044;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
}

.results .app-card:nth-child(2) { background: #39224a; }
.results .app-card:nth-child(3) { background: #2e1d3c; }

.results .app-card img {
  display: block;
  width: 88%;
  height: 88%;
  object-fit: contain;
  filter: drop-shadow(0 7px 8px rgba(0,0,0,.32));
  transition: opacity .16s ease;
}

.results .app-card button {
  position: absolute;
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  padding: 0;
  border: 0;
  border-radius: 7px;
  background: rgba(28,14,39,.82);
  color: #fff;
  font: 500 14px/1 'Space Grotesk', sans-serif;
  pointer-events: none;
}

.results .app-card .favorite { top: 8px; right: 8px; background: transparent; font-size: 22px; }
.results .app-card .edit { right: 8px; bottom: 8px; font-size: 13px; }

@media (max-width: 800px) {
  .results .app-card { padding: 8px; }
  .results .app-card button { transform: scale(.8); transform-origin: bottom right; }
}