.card-product {
  @apply bg-white p-8;
  @apply max-w-[380px];
  @apply shadow-[10px_10px_50px_rgba(175,175,175,0.25)] rounded-xl;
  @apply grid gap-8;

  &__grid {
    @apply grid justify-center gap-8 container lg:grid lg:grid-cols-3 xl:grid-cols-4 pt-8;
  }

  &__title {
    @apply font-bold lg:font-semibold text-primary-300 lg:text-primary-600 text-lg lg:text-2xl;
  }

  &__figure {
    img {
      @apply w-full max-h-[180px] object-contain;
    }
  }

  &__btn {
    @apply mx-auto;
  }
}