Linear Gradient: Classic Sunset 
background: linear-gradient(45deg, #ff9a9e 0%, #fad0c4 99%, #fad0c4 100%);
border-radius: 30px;
box-shadow: 0 4px 15px rgba(252,104,110,0.7);
2. Radial Gradient: Deep Ocean 
background: radial-gradient(circle, #00c6ff 0%, #0072ff 100%);
border-radius: 8px;
box-shadow: 0 4px 15px rgba(0,198,255,0.6);
3. Angular Gradient: Modern Twist 
background: conic-gradient(#12c2e9, #c471ed, #f64f59);
border-radius: 50px;
box-shadow: 0 4px 15px rgba(196,113,237,0.6);
4. Rainbow Gradient: Vibrant Energy 
background: linear-gradient(135deg, #f6d365 0%, #fda085 20%, #ffc107 40%, #fd746c 60%, #ff527f 80%, #a4508b 100%);
border-radius: 12px;
box-shadow: 0 4px 15px rgba(255,193,7,0.6);
5. Pastel Gradient: Soft Hues 
background: linear-gradient(to right, #e0c3fc 0%, #8ec5fc 100%);
color: #333;
border-radius: 20px;
box-shadow: 0 4px 15px rgba(224,195,252,0.6);
6. Neon Gradient: Electric Glow 
background: linear-gradient(to right, #ff00cc, #3333ff);
border-radius: 5px;
box-shadow: 0 4px 15px rgba(255,0,204,0.6);
7. Metallic Gradient: Silver Shine 
background: linear-gradient(45deg, #d3d3d3, #a9a9a9, #d3d3d3);
color: black;
border-radius: 25px;
box-shadow: 0 4px 15px rgba(169,169,169,0.6);
8. Soft UI Gradient: Muted & Elegant 
background: linear-gradient(145deg, #f0f0f3, #e0e0e3);
color: #333;
border-radius: 15px;
box-shadow: 5px 5px 10px #bebebe, -5px -5px 10px #ffffff;
9. Two-Color Radial: Purple Haze 
background: radial-gradient(circle at top left, #a55eea 0%, #8d70fe 100%);
border-radius: 10px;
box-shadow: 0 4px 15px rgba(165,94,234,0.6);
10. Diagonal Linear: Sky to Sea 
background: linear-gradient(135deg, #89f7fe 0%, #66a6ff 100%);
border-radius: 40px;
box-shadow: 0 4px 15px rgba(137,247,254,0.6);
11. Subtle Angular: Elegant Spin 
background: conic-gradient(from 180deg at 50% 50%, #fefefe 0%, #d8d8d8 50%, #fefefe 100%);
color: black;
border-radius: 15px;
box-shadow: 0 4px 15px rgba(220,220,220,0.6);
12. Tri-Color Linear: Watermelon 
background: linear-gradient(to right, #fcb045, #fd1d1d, #833ab4);
border-radius: 25px;
box-shadow: 0 4px 15px rgba(253,29,29,0.6);
13. Horizontal Linear: Morning Mist 
background: linear-gradient(to right, #b8cbb8 0%, #b8cbb8 0%, #b465da 0%, #cf6cc9 33%, #ee609c 66%, #ee609c 100%);
border-radius: 10px;
box-shadow: 0 4px 15px rgba(238,96,156,0.6);
14. Pill Shape: Royal Gradient 
background: linear-gradient(to right, #5d4157 0%, #a8caba 100%);
border-radius: 50px;
box-shadow: 0 4px 15px rgba(93,65,87,0.6);
15. Subtle Diagonal: Mint & Cream 
background: linear-gradient(135deg, #E3F2FD 0%, #B2EBF2 100%);
color: #333;
border-radius: 10px;
box-shadow: 0 4px 15px rgba(178,235,242,0.6);
16. Radial Dark: Midnight Glow 
background: radial-gradient(circle, #212121 0%, #424242 100%);
border-radius: 20px;
box-shadow: 0 4px 15px rgba(33,33,33,0.6);
17. Vibrant Diagonal: Fuchsia & Orange 
background: linear-gradient(45deg, #ff0844 0%, #ffb199 100%);
border-radius: 30px;
box-shadow: 0 4px 15px rgba(255,8,68,0.6);
18. Linear Vertical: Grass & Sky 
background: linear-gradient(to bottom, #d4fc79 0%, #96e6a1 100%);
color: #333;
border-radius: 5px;
box-shadow: 0 4px 15px rgba(212,252,121,0.6);
19. Angular Swirl: Abstract Art 
background: conic-gradient(from 90deg, #ff416c, #ff4b2b, #ff416c);
border-radius: 50px;
box-shadow: 0 4px 15px rgba(255,75,43,0.6);
20. Soft Radial: Lavender Dream 
background: radial-gradient(circle, #fbc2eb 0%, #a6c1ee 100%);
color: #333;
border-radius: 20px;
box-shadow: 0 4px 15px rgba(251,194,235,0.6);
21. Square Button: Ocean Blue 
background: linear-gradient(180deg, #667eea 0%, #764ba2 100%);
border-radius: 0;
box-shadow: 0 4px 15px rgba(102,126,234,0.6);
22. Linear with Angle: Minty Fresh 
background: linear-gradient(110deg, #a1c4fd 0%, #c2e9fb 100%);
color: #333;
border-radius: 18px;
box-shadow: 0 4px 15px rgba(161,196,253,0.6);
23. Dark Neon: Cyberpunk 
background: linear-gradient(to right, #0f0c29, #3a3b59, #24243e);
color: #00ffc8;
border-radius: 5px;
box-shadow: 0 4px 15px rgba(36,36,62,0.6);
24. Subtle Radial: Cloudy Sky 
background: radial-gradient(circle, #ece9e6 0%, #ffffff 100%);
color: #333;
border-radius: 25px;
box-shadow: 0 4px 15px rgba(236,233,230,0.6);
25. Bright Gradient: Sunny Day 
background: linear-gradient(to right, #fceabb 0%, #f8b500 100%);
border-radius: 50px;
box-shadow: 0 4px 15px rgba(252,234,187,0.6);
26. Muted Horizontal: Earth Tones 
background: linear-gradient(to right, #d4d4dc 0%, #a2b29f 100%);
color: #333;
border-radius: 15px;
box-shadow: 0 4px 15px rgba(212,212,220,0.6);
27. Diagonal Dark: Stormy Night 
background: linear-gradient(45deg, #1f1c2c 0%, #928dab 100%);
border-radius: 10px;
box-shadow: 0 4px 15px rgba(31,28,44,0.6);
28. Rainbow Radial: Spectrum 
background: radial-gradient(circle, #f093fb 0%, #f5576c 20%, #ffc107 40%, #c471ed 60%, #12c2e9 80%, #2f89fc 100%);
border-radius: 40px;
box-shadow: 0 4px 15px rgba(240,147,251,0.6);
29. Linear Horizontal: Deep Forest 
background: linear-gradient(to right, #00467f, #a5cc82);
border-radius: 25px;
box-shadow: 0 4px 15px rgba(0,70,127,0.6);
30. Elegant Horizontal: Rose Gold 
background: linear-gradient(to right, #f8c3e0 0%, #d8e6ff 100%);
color: #333;
border-radius: 12px;
box-shadow: 0 4px 15px rgba(248,195,224,0.6);