.product-category font-size: 0.8rem; text-transform: uppercase; color: #888; letter-spacing: 1px;
.product-image img width: 100%; height: 100%; object-fit: cover; border-radius: 10px 10px 0 0; responsive product card html css codepen
.btn appearance:none; border:0; background:var(--accent); color:white; padding:8px 12px; border-radius:10px; cursor:pointer; font-weight:600; transition:transform .12s ease, box-shadow .12s ease, opacity .12s ease; .product-category font-size: 0.8rem
@media (max-width: 768px) .product-card flex-direction: row; align-items: center; .product-image img width: 100%