Level 1 - Soft Pink & Aqua
.neu-btn {
background: rgba(255, 255, 255, 0.6);
box-shadow: 6px 6px 12px rgba(0,0,0,0.1),
-6px -6px 12px rgba(255,255,255,0.7);
}
Level 2 - Lime & Mint
.neu-btn:hover {
transform: scale(1.05);
box-shadow: 4px 4px 8px rgba(0,0,0,0.2),
-4px -4px 8px rgba(255,255,255,0.6);
}
Level 3 - Rainbow Glow
.neu-btn::before {
background: linear-gradient(60deg, ...colors...);
filter: blur(10px);
animation: rainbowGlow 10s linear infinite;
}
Level 4 - Pressed/Inset Style
.neu-btn {
box-shadow: inset 4px 4px 8px rgba(0,0,0,0.3),
inset -4px -4px 8px rgba(255,255,255,0.1);
}
Level 5 - Gradient Glow
.neu-btn {
background: linear-gradient(135deg, #ff9a9e, #fecfef);
box-shadow: 8px 8px 16px rgba(255,154,158,0.4),
-8px -8px 16px rgba(254,207,239,0.6);
}
Level 6 - Glass Morphism
.neu-btn {
background: rgba(255,255,255,0.25);
backdrop-filter: blur(10px);
border: 1px solid rgba(255,255,255,0.18);
}
Level 7 - Metallic Style
.neu-btn {
background: linear-gradient(145deg, #f0f0f0, #cacaca);
box-shadow: 9px 9px 16px #bebebe,
-9px -9px 16px #ffffff;
}
Level 8 - Neon Outline
.neu-btn {
background: transparent;
border: 2px solid #00ffff;
box-shadow: 0 0 20px rgba(0,255,255,0.3),
inset 0 0 20px rgba(0,255,255,0.1);
}