commerce/src/components/common/CartDrawer/components/CartRecommendation/CartRecommendation.module.scss

@import '../../../../../styles/utilities';

.cartRecommendation {
    @apply w-full bg-background-gray;
    .top {
        @apply flex justify-between items-center;
        padding: 1.6rem;
        .heading {
            @apply font-bold text-active sm-headline;
        }
    }
    .productCardWarpper {
        padding-left: 1.6rem;
        :global(.customArrow) {
            @apply bg-line;
            @screen lg {
                &:global(.leftArrow) {
                    left: calc(-6.4rem - 2rem);
                }
                &:global(.rightArrow) {
                    right: calc(-6.4rem - 2rem);
                }
            }
        }
    }
}