/* The fifth card shares the homepage's existing hover, focus and motion rules. */
.app-card--casino {
  --accent: 230,195,131;
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 52px 1fr auto;
  align-items: center;
  column-gap: 22px;
  min-height: 128px;
  padding: 22px 24px;
}
.app-card--casino .app-card__top { display: contents; }
.app-card--casino .app-icon { grid-column: 1; grid-row: 1 / 3; }
.app-card--casino .app-arrow { grid-column: 3; grid-row: 1; justify-self: end; }
.app-card--casino .app-card__copy { grid-column: 2; grid-row: 1 / 3; margin: 0; padding: 0; }
.app-card--casino .app-card__foot { grid-column: 3; grid-row: 2; min-height: 24px; margin-top: 8px; border: 0; gap: 18px; }
@media (max-width:600px) {
  .app-card--casino { grid-template-columns: 38px 1fr 22px; gap: 8px 12px; min-height: 142px; padding: 18px 16px; }
  .app-card--casino .app-icon { grid-row: 1; }
  .app-card--casino .app-card__copy { grid-row: 1; }
  .app-card--casino .app-arrow { padding: 0; }
  .app-card--casino .app-card__foot { grid-column: 2 / 4; margin: 0; }
  .app-card--casino p { font-size: 13px; }
}