Button by Yaya12085
#212121
1button { 2 border: none; 3 display: flex; 4 padding: 0.75rem 1.5rem; 5 background-color: #488aec; 6 color: #ffffff; 7 font-size: 0.75rem; 8 line-height: 1rem; 9 font-weight: 700; 10 cursor: pointer; 11 text-align: center; 12 text-transform: uppercase; 13 vertical-align: middle; 14 align-items: center; 15 border-radius: 0.5rem; 16 user-select: none; 17 gap: 0.75rem; 18 box-shadow: 0 4px 6px -1px #488aec31, 0 2px 4px -1px #488aec17; 19 transition: all 0.6s ease; 20} 21 22button:hover { 23 box-shadow: 0 10px 15px -3px #488aec4f, 0 4px 6px -2px #488aec17; 24} 25 26button:focus, 27button:active { 28 opacity: 0.85; 29 box-shadow: none; 30} 31 32button svg { 33 width: 1.25rem; 34 height: 1.25rem; 35} 36
7.8K views
7.8K views
MIT License