#e8e8e8
1.button { 2 display: flex; 3 justify-content: center; 4 align-items: center; 5 padding: 8px 12px 8px 16px; 6 gap: 8px; 7 height: 40px; 8 width: 128px; 9 border: none; 10 background: #056bfa27; 11 border-radius: 20px; 12 cursor: pointer; 13} 14 15.lable { 16 margin-top: 1px; 17 font-size: 19px; 18 line-height: 22px; 19 color: #056DFA; 20 font-family: sans-serif; 21 letter-spacing: 1px; 22} 23 24.button:hover { 25 background: #056bfa49; 26} 27 28.button:hover .svg-icon { 29 animation: spin 1s linear infinite; 30} 31 32@keyframes spin { 33 0% { 34 transform: rotate(0deg); 35 } 36 37 25% { 38 transform: rotate(-8deg); 39 } 40 41 50% { 42 transform: rotate(0deg); 43 } 44 45 75% { 46 transform: rotate(8deg); 47 } 48 49 100% { 50 transform: rotate(0deg); 51 } 52}
Comments
MIT License