#e8e8e8
1button { 2 cursor: pointer; 3 font-weight: 700; 4 font-family: Helvetica,"sans-serif"; 5 transition: all .2s; 6 padding: 10px 20px; 7 border-radius: 100px; 8 background: #cfef00; 9 border: 1px solid transparent; 10 display: flex; 11 align-items: center; 12 font-size: 15px; 13} 14 15button:hover { 16 background: #c4e201; 17} 18 19button > svg { 20 width: 34px; 21 margin-left: 10px; 22 transition: transform .3s ease-in-out; 23} 24 25button:hover svg { 26 transform: translateX(5px); 27} 28 29button:active { 30 transform: scale(0.95); 31} 32 33
20K views
20K views
Comments
Variations
1 MIT License