Button by Bodyhc
This button was created for Button Mastery
#e8e8e8
1button { 2 display: flex; 3 align-items: center; 4 justify-content: center; 5 font-size: 20px; 6 border-radius: 20px; 7 background-image: linear-gradient( 8 90deg, 9 #fa7fe6 0%, 10 #ff8e61 50%, 11 #fa7fe6 100% 12 ); 13 border: 2px solid #9d098431; 14 color: #000000; 15 font-weight: 600; 16 padding: 20px 40px; /* increase padding to make button bigger */ 17 cursor: pointer; 18} 19button svg { 20 font-size: 24px; /* increase font size to make lightning bolt bigger */ 21 margin-right: 10px; 22 width: 30px; 23 height: 20px; 24 color: black; 25} 26button:hover { 27 background-image: linear-gradient( 28 90deg, 29 #ff8e61 0%, 30 #fa7fe6 50%, 31 #fe9b74 100% 32 ); 33} 34
56 views
56 views
MIT License