Button by cssbuttons-io
#e8e8e8
1button { 2 font-size: 17px; 3 font-family: inherit; 4 font-weight: 700; 5 padding: 4px; 6 border-radius: 20px; 7 cursor: pointer; 8 border: none; 9 color: black; 10 box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, 11 rgba(0, 0, 0, 0.04) 0px 10px 10px -5px; 12 background: linear-gradient( 13 0deg, 14 rgba(255, 213, 0, 1) 0%, 15 rgba(255, 213, 0, 1) 47%, 16 rgba(0, 91, 187, 1) 47%, 17 rgba(0, 91, 187, 1) 100% 18 ); 19} 20 21button .button-content { 22 display: flex; 23 align-items: center; 24 background: white; 25 padding: 0.7em 1.5em; 26 padding-left: 1.2em; 27 border-radius: 16px; 28} 29 30button svg { 31 width: 22px; 32 height: 22px; 33 margin-right: 6px; 34 color: #ff0000; 35 transition: transform 0.3s; 36} 37 38button:hover svg { 39 transform: scale(1.2); 40} 41
2.9K views
2.9K views
MIT License