.wrapper {
    @apply h-[250px] md:h-[340px] flex items-center justify-center border border-gray-200 rounded-lg p-4 relative;
}

.image {
    @apply object-contain object-center h-full w-full;
}

.absolute-info {
    @apply absolute hidden md:block top-4 right-4;
}

.disc-badge {
    @apply bg-warning-500 py-1 px-3 w-fit font-semibold rounded-full;
}

.countdown {
    @apply flex gap-x-1;
}

.countdown span {
    @apply py-0.5 w-8 bg-warning-500 rounded-md text-center;
}

.flashsale-text {
    @apply flex items-center gap-x-2 text-white font-medium text-caption-1;
}

.flashsale-bg {
    @apply absolute top-0 w-full h-full object-cover object-center z-10;
}

.flashsale {
    @apply absolute top-0 w-full h-full z-20 flex items-center justify-between px-3;
}