![](/build/_assets/logo-png-XGWSYHKJ.png)
Button by Navs45
#e8e8e8
1.button { 2 cursor: pointer; 3} 4.button { 5 border: none; 6 position: relative; 7 width: 249px; 8 height: 80px; 9 flex-shrink: 0; 10 border-radius: 15px; 11 background: #fff; 12 box-shadow: -2px 2px 1.3px 1px #7f807f, 13 -5px 5px 2.8px 0px rgba(255, 255, 255, 0.5), -5px 7px 4.4px 0px #c5c6c5, 14 0px 0px 2.4px 4px #e4e5e4; 15 transition: background-color 0.3s ease, transform 0.3s ease, 16 box-shadow 0.3s ease; 17} 18 19.button:hover { 20 background-color: #e0e0e0; 21 transform: translateY(-5px); 22 box-shadow: -2px 2px 1.3px 1px #7f807f, 23 -5px 5px 2.8px 0px rgba(255, 255, 255, 0.5), -5px 7px 4.4px 0px #c5c6c5, 24 0px 0px 2.4px 4px #e4e5e4, 0px 10px 20px rgba(0, 0, 0, 0.2); 25} 26 27.inner { 28 display: flex; 29 justify-content: center; 30 align-items: center; 31 width: 236px; 32 height: 69px; 33 flex-shrink: 0; 34 border-radius: 39px; 35 36 background: #fff; 37 box-shadow: -1px -1px 0px 0px rgba(141, 139, 139, 0.35), 38 38px 3px 13.2px 0px rgba(196, 196, 196, 0.25) inset, 39 -3px 1px 10.1px 0px rgba(87, 87, 87, 0.25) inset; 40 margin: 7px 4px 6px 7px; 41} 42 43.icon { 44 width: 30px; 45 height: 30px; 46} 47 48#text { 49 color: #0b0b0b; 50 font-family: "Poppins", sans-serif; 51 font-size: 23.1px; 52 font-style: normal; 53 font-weight: 500; 54 line-height: normal; 55 padding: 4px; 56 transition: color 0.3s, transform 0.3s, text-shadow 0.3s; 57} 58#text:hover { 59 color: #fff; 60 text-shadow: 1px 1px 1px #acaaaa, 1px 2px 1px #7d7d7d, 1px 1px 1px #acaaaa, 61 1px 2px 1px #7d7d7d, 1px 20px 40px rgba(147, 147, 147, 0.3); 62} 63
26 views
26 views
MIT License