Button by aagam147
#e8e8e8
1.button { 2 display: flex; 3 justify-content: center; 4 align-items: center; 5 padding: 9px 12px; 6 gap: 8px; 7 height: 45px; 8 width: 150px; 9 border: none; 10 background: rgb(74, 180, 50); 11 border-radius: 50px; 12 cursor: pointer; 13 position: relative; 14} 15 16.lable { 17 line-height: 22px; 18 font-size: 17px; 19 color: #fff; 20 margin-left: 20px; 21 font-family: sans-serif; 22 letter-spacing: 1px; 23} 24 25.button .span { 26 border-radius: 50%; 27 background-color: rgb(48, 129, 29); 28 padding: 10px; 29 position: absolute; 30 left: 0; 31} 32 33.button:hover { 34 background: rgb(48, 129, 29); 35} 36 37.button:hover .svg-icon { 38 animation: slope 0.8s linear infinite; 39} 40 41@keyframes slope { 42 0% { 43 } 44 45 50% { 46 transform: rotate(15deg); 47 } 48 49 100% { 50 } 51}
859 views
Variation of abutton
MIT License