#e8e8e8
1.button { 2 display: flex; 3 justify-content: center; 4 align-items: center; 5 padding: 9px 12px; 6 gap: 8px; 7 height: 40px; 8 width: 172px; 9 border: none; 10 background: #FF2849; 11 border-radius: 20px; 12 cursor: pointer; 13} 14 15.lable { 16 line-height: 22px; 17 font-size: 17px; 18 color: #fff; 19 font-family: sans-serif; 20 letter-spacing: 1px; 21} 22 23.button:hover { 24 background: #e52441; 25} 26 27.button:hover .svg-icon { 28 animation: flickering 2s linear infinite; 29} 30 31@keyframes flickering { 32 0% { 33 opacity: 1; 34 } 35 36 50% { 37 opacity: 1; 38 } 39 40 52% { 41 opacity: 1; 42 } 43 44 54% { 45 opacity: 0; 46 } 47 48 56% { 49 opacity: 1; 50 } 51 52 90% { 53 opacity: 1; 54 } 55 56 92% { 57 opacity: 0; 58 } 59 60 94% { 61 opacity: 1; 62 } 63 64 96% { 65 opacity: 0; 66 } 67 68 98% { 69 opacity: 1; 70 } 71 72 99% { 73 opacity: 0; 74 } 75 76 100% { 77 opacity: 1; 78 } 79}
Comments
MIT License