Копировать
 
 

 
 
Добавь красивую плашку с текстом «🔥 Успей купить!», если в наличии товара меньше 10.

Требования:

 
Плашка должна аккуратно помещаться в карточку наверху карточки.
 
Текст не должен обрезаться, всегда читабельный (white-space: nowrap, padding).
 
Лента должна быть яркой (например, красной или оранжевой) с белым жирным текстом.
 
Карточка товара и её структура не должны меняться — добавляем только ленту.
 
Можно добавить небольшую анимацию на плашку.
 
Плашка должна быть в пределах .product-card у каждого товара, где наличие меньше 10.
 
Плашка не должна съезжать в угол окна браузера, а относиться к карточке товара.
 
Плашка должна закругляться так же, как и карточка товара.
 
При наведении на плашку — делать анимацию: текст меняет цвет и жирность.
 
По клику на плашку происходит переход на страницу товара.
 
Плашка не должна перекрывать кнопки управления товаром и должна находиться под ними.