Button by adamgiebl
#e8e8e8
1.cssbuttons-io-button { 2 display: flex; 3 align-items: center; 4 font-family: inherit; 5 font-weight: 500; 6 font-size: 17px; 7 padding: 0.8em 1.5em 0.8em 1.2em; 8 color: white; 9 background: #ff7d00; 10 background: linear-gradient(0deg, rgba(255, 125, 0, 1) 0%, rgba(255, 95, 109, 1) 100%); 11 border: 2px solid #ff7d00; 12 border-radius: 20em; 13} 14 15.cssbuttons-io-button svg { 16 margin-right: 8px; 17} 18 19.cssbuttons-io-button:hover { 20 border-color: white; 21 box-shadow: 0 0.5em 1.5em -0.5em #bf5800; 22} 23 24.cssbuttons-io-button:active { 25 box-shadow: 0 0.3em 1em -0.5em #bf5800; 26}
898 views
Variation of abutton
MIT License