Button by bhaveshxrawat
#e8e8e8
1button { 2 background-color: #fff; 3 border-radius: 24px; 4 border-style: none; 5 box-shadow: rgba(0, 0, 0, .2) 0 3px 5px -1px,rgba(0, 0, 0, .14) 0 6px 10px 0,rgba(0, 0, 0, .12) 0 1px 18px 0; 6 box-sizing: border-box; 7 color: #3c4043; 8 font-size: 14px; 9 font-weight: 500; 10 font-family: inherit; 11 letter-spacing: .25px; 12 line-height: normal; 13 padding: 11px 24px; 14 transition: background box-shadow 280ms ease; 15} 16 17button:hover { 18 background: #F6F9FE; 19 color: #174ea6; 20} 21 22button:active { 23 box-shadow: 0 4px 4px 0 rgb(60 64 67 / 30%), 0 8px 12px 6px rgb(60 64 67 / 15%); 24 outline: none; 25 border: 2px solid #4285f4; 26} 27
2.2K views
2.2K views
MIT License