4.6K views
CSSAdd prefixes
1button { 2 border: 2px solid #24b4fb; 3 background-color: #24b4fb; 4 border-radius: 0.9em; 5 padding: 0.8em 1.2em 0.8em 1em; 6 transition: all ease-in-out 0.2s; 7 font-size: 16px; 8} 9 10button span { 11 display: flex; 12 justify-content: center; 13 align-items: center; 14 color: #fff; 15 font-weight: 600; 16} 17 18button:hover { 19 background-color: #0071e2; 20}
HTML
1<button> 2 <span> 3 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"></path><path fill="currentColor" d="M11 11V5h2v6h6v2h-6v6h-2v-6H5v-2z"></path></svg> Create 4 </span> 5</button>