![](/build/_assets/logo-png-XGWSYHKJ.png)
Button by Bodyhc
#e8e8e8
1.send-button { 2 display: flex; 3 height: 60px; 4 width: 180px; 5 align-items: center; 6 justify-content: center; 7 border: 2px solid #b7b7b7; 8 padding: 2px; 9 border-radius: 12px; 10 background-color: #fff; 11 box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 12 inset 0 1px 0 rgba(255, 255, 255, 0.6); 13 font-family: "Arial", sans-serif; 14 font-size: 16px; 15 color: #000; 16 cursor: pointer; 17 transition: all 0.3s ease; 18} 19 20.send { 21 display: flex; 22 width: 180px; 23 height: 100%; 24 border-radius: 50px; 25 align-items: center; 26 justify-content: center; 27 font-size: 15px; 28 font-weight: 700; 29 box-shadow: inset -3px 1px 10px #eff1ef, inset -3px 1px 10px #eff1ef; 30 transition: all 0.3s ease; 31} 32 33.send-button svg { 34 margin-right: 10px; 35 width: 15px; 36 height: 15px; 37 transition: all 0.3s ease; 38} 39 40.send-button:hover svg { 41 transform: rotate(50deg); 42} 43
38 views
38 views
MIT License