.product-card:hover transform: translateY(-5px); box-shadow: 0 20px 25px -12px rgba(0,0,0,0.15);
.nav-btn background: white; border: none; width: 44px; height: 44px; border-radius: 60px; display: inline-flex; align-items: center; justify-content: center; font-size: 1.3rem; cursor: pointer; box-shadow: 0 6px 14px rgba(0, 0, 0, 0.05); transition: all 0.2s; color: #2c5a7a; border: 1px solid #dce5ec; responsive product slider html css codepen work
.prev-btn:hover, .next-btn:hover background-color: #444; .product-card:hover transform: translateY(-5px)
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); border-radius: 8px; padding: 1.5rem; box-shadow: 0 20px 25px -12px rgba(0