Cute Buttons in CSS Codes

Material design apparently is injurious to site health. It has a tendency to camouflage navigation bars for which visitors get confused about where to click. This basically means gradient buttons are what your readers will prefer. But you do not need to use actual background for it. CSS can do it all for you. Still if you ran out of ideas on what you want feel free to use the following button codes.

1. Pink glossy buttons:

background: #b33686;
background: linear-gradient(#ffffff, #b33686, #f932f8);
Color:White;
border-radius: 20%;
box-shadow: inset 0 0 10px 5px #d400ab;

2. Rainbow buttons:

background: #b33686;
background: linear-gradient(#8fd6f7, #0eaceb, #9dc78b);
Color:White;
border-radius: 20%;
box-shadow: inset 0 0 10px 5px f576e0;

3. Ice buttons:

background: #136790;

background: linear-gradient(#00BCD4, #136790,#25469e, #ac82ff); 

Color:White;

border-radius: 10%; 

box-shadow: inset 0 0 10px 5px #4cf3e3;