Button by adamgiebl
#e8e8e8
1button { 2 display: flex; 3 align-items: center; 4 font-family: inherit; 5 cursor: pointer; 6 font-weight: 500; 7 font-size: 17px; 8 padding: 0.8em 1.3em 0.8em 0.9em; 9 color: white; 10 background: #ad5389; 11 background: linear-gradient(to right, #0f0c29, #302b63, #24243e); 12 border: none; 13 letter-spacing: 0.05em; 14 border-radius: 16px; 15} 16 17button svg { 18 margin-right: 3px; 19 transform: rotate(30deg); 20 transition: transform 0.5s cubic-bezier(0.76, 0, 0.24, 1); 21} 22 23button span { 24 transition: transform 0.5s cubic-bezier(0.76, 0, 0.24, 1); 25} 26 27button:hover svg { 28 transform: translateX(5px) rotate(90deg); 29} 30 31button:hover span { 32 transform: translateX(7px); 33} 34
22K views
22K views
MIT License