CSSAdd prefixes
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}
HTML
1<button class="space-btn"> 2 <svg stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.59 14.37a6 6 0 01-5.84 7.38v-4.8m5.84-2.58a14.98 14.98 0 006.16-12.12A14.98 14.98 0 009.631 8.41m5.96 5.96a14.926 14.926 0 01-5.841 2.58m-.119-8.54a6 6 0 00-7.381 5.84h4.8m2.581-5.84a14.927 14.927 0 00-2.58 5.84m2.699 2.7c-.103.021-.207.041-.311.06a15.09 15.09 0 01-2.448-2.448 14.9 14.9 0 01.06-.312m-2.24 2.39a4.493 4.493 0 00-1.757 4.306 4.493 4.493 0 004.306-1.758M16.5 9a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0z" stroke-linejoin="round" stroke-linecap="round"></path> </svg> 3 to infinity 4</button>
