Button by KhelVers
#e8e8e8
1.btnContainer { 2 /* Appearance */ 3 background: #e0e0e0; 4 -webkit-box-shadow: 6px 6px 16px #bebebe, 5 -6px -6px 16px #ffffff9a; 6 box-shadow: 6px 6px 16px #bebebe, 7 -6px -6px 16px #ffffff9a; 8/* Dimensions */ 9 width: 160px; 10 height: 60px; 11/* Border */ 12 border: none; 13 border-radius: 16px; 14/* Content Aligment */ 15 display: -webkit-box; 16 display: -ms-flexbox; 17 display: flex; 18 -webkit-box-pack: center; 19 -ms-flex-pack: center; 20 justify-content: center; 21 -webkit-box-align: center; 22 -ms-flex-align: center; 23 align-items: center; 24} 25 26.button { 27 /* Appearance */ 28 background: #e0e0e0; 29 /* Font-Style */ 30 font-size: 20px; 31 font-weight: 600; 32 /* Dimensions */ 33 height: 85%; 34 width: 95%; 35 /* Border */ 36 border: none; 37 border-radius: 14px; 38 /* Transition */ 39 -webkit-transition: all 250ms ease-in-out; 40 transition: all 250ms ease-in-out; 41} 42 43.button:hover { 44 /* Appearance */ 45 background: #e0e0e0; 46 -webkit-box-shadow: inset 5px 5px 4px #c0c0c0, 47 inset -5px -5px 4px #dddddd; 48 box-shadow: inset 5px 5px 4px #c0c0c0, 49 inset -5px -5px 4px #dddddd; 50 /* Font-Style */ 51 font-size: 20px; 52 font-weight: 400; 53 color: #333333; 54} 55 56
525 views
525 views
MIT License