Button by AKAspidey01
#212121
1.button { 2 display: flex; 3 align-items: center; 4 gap: 10px; 5 padding: 12px 15px; 6 border-radius: 10px; 7 border: none; 8 overflow: hidden; 9 background: rgb(164, 46, 194); 10 color: #fff; 11} 12 13.button-text { 14 transform: translateX(15px); 15 font-size: 1.5em; 16 font-weight: 700; 17 transition-duration: 0.3s; 18} 19 20.iconer { 21 transform: translateY(35px); 22 transition-duration: 0.3s; 23} 24 25.button:hover .button-text { 26 transform: translateX(0px); 27} 28 29.button:hover .iconer { 30 transform: translateY(0px); 31} 32 33 34
734 views
734 views
MIT License