![](/build/_assets/logo-png-XGWSYHKJ.png)
Button by escannord
#e8e8e8
1.button { 2 cursor: pointer; 3 padding: 0.3rem 1rem; 4 min-width: 10rem; 5 min-height: 4rem; 6 font-weight: bold; 7 border: solid 1px white; 8 /* background-color: white; */ 9 background: linear-gradient(rgb(173, 171, 171) 50%, #4e4d4df8 100%); 10 position: relative; 11 border-radius: 15px; 12 z-index: 1; 13 font-size: 20px; 14 transition: 0.3s all; 15 text-shadow: 0 1px 1px #1c1c1c44; 16 box-shadow: 0px 2px 4px #1c1c1c48, 0px 30px 100px #1c1c1c33, 17 0px 15px 30px #1c1c1c2c, 0px 12px 6px #1c1c1c18; 18} 19 20button:hover:before { 21 background: linear-gradient(#ffffff8f 50%, #cacaca86 100%); 22 box-shadow: 0 -1px rgba(0, 0, 0, 0.171); 23} 24 25.button::before { 26 content: ""; 27 transition: 0.8s all; 28 inset: 7px 5px; 29 border-radius: 25px; 30 border: solid 1px #b4b4b473; 31 background: linear-gradient(#d8d6d686 15%, #faf9f9 80%); 32 z-index: -1; 33 position: absolute; 34} 35.button:active { 36 box-shadow: none; 37} 38.icon { 39 display: inline-block; 40 transition: all 0.5s; 41 transform: none; 42} 43 44.button:hover .icon { 45 transform: translateX(-7px) rotate(45deg); 46} 47.button::after { 48 content: ""; 49 position: absolute; 50 width: 97%; 51 height: 90%; 52 z-index: -2; 53 border-radius: 15px; 54 background: linear-gradient( 55 rgb(255, 255, 255), 56 rgba(253, 253, 253, 0.589) 75% 57 ); 58 top: 50%; 59 left: 50%; 60 transform: translate(-50%, -50%); 61} 62
57 views
57 views
MIT License