.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/*nút khuyến mãi rung nhẹ*/
@keyframes promoAttention {

    0%,
    100% {
        transform: translateX(0);
    }

    20% {
        transform: translateX(-3px);
    }

    40% {
        transform: translateX(3px);
    }

    60% {
        transform: translateX(-2px);
    }

    80% {
        transform: translateX(2px);
    }
}

.promo-attention {
    animation: promoAttention 0.55s ease-in-out 1.2s 2;
    transform-origin: center;
}

@media (prefers-reduced-motion: reduce) {
    .promo-attention {
        animation: none;
    }
}

/*kết thúc nút khuyến mãi rung nhẹ*/