Button by Yaya12085
#e8e8e8
1.button { 2 display: flex; 3 background-color: #039be5; 4 background-image: linear-gradient(to top right, #0163E0,#18ACFE); 5 color: #ffffff; 6 padding: 0.5rem 1.4rem; 7 font-size: 0.875rem; 8 line-height: 1.25rem; 9 font-weight: 700; 10 text-align: center; 11 vertical-align: middle; 12 align-items: center; 13 border-radius: 0.5rem; 14 gap: 0.75rem; 15 border: none; 16 box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); 17 cursor: pointer; 18 transition: .6s ease; 19} 20 21.button svg { 22 height: 30px; 23} 24 25.button:hover { 26 box-shadow: none; 27} 28
821 views
Variation of abutton
MIT License