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