@layer components {
  .card {
    @apply bg-white rounded-2xl shadow-xs border border-neutral-300 p-6;
  }

  .card-clickable {
    @apply cursor-pointer hover:border-neutral-400/80 focus:border-neutral-400/80 hover:shadow-sm;
  }

  .card-muted {
    @apply bg-neutral-50 hover:bg-neutral-100 border border-neutral-300/80 hover:border-neutral-400 rounded-2xl p-6 transition-all duration-100 transform hover:scale-105 w-full relative overflow-hidden shadow-xs;
  }
}