Media Card

export function MediaCard() {
  return (
    <div className="w-64 overflow-hidden rounded-2xl border border-white/10 bg-white/5 text-white">
      <div className="relative grid h-32 place-items-center bg-gradient-to-br from-pink-500 to-violet-600">
        <button className="grid h-12 w-12 place-items-center rounded-full bg-white/90 text-violet-600">▶</button>
      </div>
      <div className="p-4">
        <h3 className="font-bold">Designing with motion</h3>
        <p className="text-sm text-white/60">8 min watch</p>
      </div>
    </div>
  )
}