![](/build/_assets/logo-png-XGWSYHKJ.png)
Button by csozidev
#e8e8e8
1.button { 2 cursor: pointer; 3 display: flex; 4 height: 70px; 5 width: 205px; 6 align-items: center; 7 justify-content: center; 8 gap: 10px; 9 border: none; 10 background: linear-gradient(0deg, #ebedeb, #ffffff); 11 border-radius: 15px; 12 position: relative; 13 box-shadow: 0px 12px 40px 0px rgba(0, 0, 0, 0.3); 14} 15 16.button::before { 17 content: ""; 18 position: absolute; 19 width: 96%; 20 background: linear-gradient(180deg, #ebedeb, #ffffff); 21 height: 80%; 22 border-radius: 100px; 23 z-index: 5; 24} 25 26button::after { 27 content: ""; 28 position: absolute; 29 width: calc(100% + 6px); 30 background: linear-gradient(0deg, #7e807e, #e3e6e4); 31 height: calc(100% + 6px); 32 z-index: -1; 33 border-radius: 18px; 34 top: -3px; 35 left: -3px; 36} 37 38.button svg { 39 stroke-linecap: round; 40 width: 20px; 41 z-index: 10; 42} 43 44.button p { 45 white-space: nowrap; 46 font-weight: 600; 47 font-size: 20px; 48 z-index: 10; 49} 50
45 views
45 views
MIT License