Button by adamgiebl
#e8e8e8
1.button { 2 border-radius: 8px; 3 height: 40px; 4 border: none; 5 background: #ffcc00; 6 /* Changed color to yellow */ 7 color: #333; 8 /* Changed text color to dark gray */ 9 padding: 15px; 10 box-shadow: 0 0.7065919983928324px 0.7065919983928324px -0.625px #00000026, 11 0 1.8065619053231785px 1.8065619053231785px -1.25px #00000025, 12 0 3.6217592146567767px 3.6217592146567767px -1.875px #00000023, 13 0 6.8655999097303715px 6.8655999097303715px -2.5px #00000020, 14 0 13.646761411524492px 13.646761411524492px -3.125px #0000001b, 15 0 30px 30px -3.75px #0000000d; 16 font-weight: bold; 17 font-family: Montserrat; 18 cursor: pointer; 19 display: flex; 20 align-items: center; 21 transition: 150ms ease-in-out; 22} 23 24.button:active { 25 scale: 0.95; 26 background: #333; 27 /* Changed background color to dark gray */ 28 color: #ffcc00; 29 /* Changed text color to yellow */ 30 box-shadow: rgba(0, 0, 0, 0.26) 0px 0.637473px 1.14745px -1.125px, 31 rgba(0, 0, 0, 0.24) 0px 1.93094px 3.4757px -2.25px, 32 rgba(0, 0, 0, 0.192) 0px 5.10423px 9.18761px -3.375px, 33 rgba(0, 0, 0, 0.03) 0px 16px 28.8px -4.5px; 34}
421 views
Variation of abutton
MIT License