Responsive Product Card Html Css Codepen -

.btn-add:active transform: scale(0.96);

.current-price font-size: 1.7rem; font-weight: 800; color: #101d2f; letter-spacing: -0.5px; responsive product card html css codepen

/* CTA button - fully responsive touch friendly */ .btn-add background: #101d2f; color: white; border: none; border-radius: 60px; padding: 0.8rem 0; font-weight: 600; font-size: 0.9rem; font-family: 'Inter', sans-serif; cursor: pointer; transition: all 0.2s ease; display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: auto; width: 100%; .btn-add:active transform: scale(0.96)

/* price row */ .price-row display: flex; align-items: baseline; gap: 0.75rem; flex-wrap: wrap; margin-bottom: 1.2rem; .current-price font-size: 1.7rem