Button by AndrewHeinke
This button was created for CSS Space Challenge
#212121
1.space-btn { 2 background: #FBFBFF; 3 border: 2px solid #FF4F00; 4 color: #363537; 5 font-size: 1rem; 6 font-weight: bold; 7 line-height: 1; 8 letter-spacing: 1px; 9 padding: .5rem .75rem; 10 font-family: monospace; 11 border-radius: 4px; 12 display: flex; 13 align-items: center; 14 box-shadow: 0 2px 1px rgba(0,0,0,0.09), 15 0 4px 2px rgba(0,0,0,0.09), 16 0 8px 4px rgba(0,0,0,0.09), 17 0 16px 8px rgba(0,0,0,0.09), 18 0 32px 16px rgba(0,0,0,0.09); 19 transition: .3s ease-in; 20} 21 22.space-btn:hover { 23 background: #FF4F00; 24 color: white; 25} 26 27.space-btn svg { 28 width: 1em; 29 height: 1em; 30 color: currentColor; 31 margin-right: .5rem; 32}
582 views
582 views
MIT License