Brutalism Pastel Add to Cart Button
Brutalism-inspired Add to Cart button with a pastel color scheme, moderate complexity, and responsive design with dark mode support. Suitable for a blog or content website.
HTML Code
<button class="bg-pink-300 dark:bg-purple-700 text-gray-900 dark:text-gray-100 font-bold py-3 px-6 rounded-none border-4 border-black dark:border-white hover:bg-yellow-300 dark:hover:bg-yellow-600 hover:text-black dark:hover:text-white transition duration-300 ease-in-out shadow-lg dark:shadow-xl text-xl md:text-2xl">Add to Cart</button>Related Components
Add to Cart Button Component
A responsive 'Add to Cart' button with engaging microinteractions, sunset/warm tones, suitable for food/restaurant websites, featuring a subtle animation on hover/click and dark mode support.
Add to Cart Button
Responsive "Add to Cart" button with Skeuomorphic design, Monochromatic color scheme, and dark theme support.
Brutalism Add to Cart Button
A simple, brutalist-style 'Add to Cart' button component with high contrast, complementary colors, and social media purpose. Fully responsive with dark mode support.