![](/build/_assets/logo-png-XGWSYHKJ.png)
Button by SiddhantEngineer
#e8e8e8
1.button { 2 box-sizing: border-box; 3 background: hsl(0, 0%, 91%); 4 padding: 5px 2px; 5 border-radius: 10px; 6 box-shadow: 0px 1px 2px 1px hsl(0, 0%, 50%), 0px 10px 35px 0px hsl(0, 0%, 65%), 7 0px -10px 35px 0px hsl(0, 0%, 100%); 8 border: none; 9 font-size: 16px; 10 background-clip: padding-box; 11 overflow: hidden; 12 cursor: pointer; 13 transition: all 0.1s; 14} 15 16.button:active { 17 scale: 99%; 18 box-shadow: 0px 1px 2px 1px hsl(0, 0%, 70%), 0px 10px 35px 0px hsl(0, 0%, 75%), 19 0px -10px 35px 0px hsl(0, 0%, 100%); 20} 21 22.button > i { 23 background: linear-gradient(hsl(0, 0%, 80%), hsl(0, 0%, 93%)); 24 box-shadow: 0px 5px 20px -10px hsl(0, 0%, 60%); 25 padding: 15px; 26 border-radius: 20px; 27 font-weight: 600; 28 font-style: normal; 29 display: flex; 30 pointer-events: none; 31} 32 33.button > i > svg { 34 width: 15px; 35 margin-right: 5px; 36 fill: none; 37 stroke: black; 38 pointer-events: none; 39} 40
30 views
30 views
MIT License