/* General styles */ body { font-family: 'Quantico', sans-serif; margin: 0; padding: 0; box-sizing: border-box; } .product-card { display: flex; justify-content: space-between; align-items: center; padding: 20px; width: 100%; /* Full width */ border-bottom: 1px solid #e0e0e0; /* Added subtle divider */ } /* Left section: Product text */ .product-text { font-size: 18px; font-weight: 700; /* Bold */ color: #24C654; text-transform: uppercase; /* Added uppercase for Quantico's techy feel */ letter-spacing: 0.5px; } /* Right section: View More */ .view-more { font-size: 16px; font-weight: 700; /* Bold */ color: #24C654; text-decoration: none; display: flex; align-items: center; transition: all 0.3s ease; /* Smooth hover effect */ } .view-more:hover { color: #24C654; /* Darker green on hover */ transform: translateX(3px); /* Slight movement on hover */ } .view-more img { width: 15px; margin-left: 8px; /* Increased space between text and icon */ transition: all 0.3s ease; /* Smooth icon movement */ } .view-more:hover img { transform: translateX(3px); /* Icon moves with text on hover */ } /* Mobile responsiveness */ @media (max-width: 768px) { .product-card { padding: 15px; } .product-text { font-size: 16px; } .view-more { font-size: 14px; } } @media (max-width: 480px) { .product-text { font-size: 14px; } .view-more { font-size: 12px; } .view-more img { width: 12px; } }