commerce/src/components/common/ProductList/ProductList.module.scss

.wrapper {
    margin: 4rem auto;
    .list {
        @apply grid grid-cols-2;
        @screen md {
            @apply grid-cols-3;
        }
        @screen lg {
            @apply grid-cols-4;
        }
        @screen xl {
            @apply grid-cols-6;
        }
        .empty {
            button {
                margin-top: 1.6rem;
                width: 100%;
            }
        }
    }
    .pagination {
        padding-top: 4.8rem;
        @apply flex justify-center items-center;
        &.hide {
            @apply hidden;
        }
    }
}