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