![](/build/_assets/logo-png-XGWSYHKJ.png)
Button by Vaperene
#e8e8e8
1.send-message-button { 2 display: inline-flex; 3 align-items: center; 4 justify-content: center; 5 background-color: #f3f3f300; 6 border: 2px solid #a5a5a500; 7 border-radius: 10px; 8 padding: 5px; 9 box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); 10 font-family: Arial, sans-serif; 11 cursor: pointer; 12 transition: background-color 0.3s, box-shadow 0.5s, border-color 0.4s, 13 padding 0.3s; 14} 15 16.send-message-button:hover { 17 background-image: linear-gradient(59deg, #f3f3f3, #d7d6d6c0); 18 border-color: #e9e9e9; 19} 20 21.send-message-button:active { 22} 23 24.send-message-content { 25 display: inline-flex; 26 align-items: center; 27 background-color: #ffffff; 28 border-radius: 25px; 29 padding: 8px 16px; 30 box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.3); 31 transition: box-shadow 0.3s; 32} 33 34.send-message-button:active .send-message-content { 35 box-shadow: inset 2px 2px 2px 2px rgba(0, 0, 0, 0.3); 36} 37 38.send-message-content svg { 39 margin-right: 10px; 40 fill: #1d0c0c; 41 transition: fill 0.3s; 42} 43 44.send-message-content span { 45 font-size: 16px; 46 font-weight: bold; 47 color: #000; 48 transition: color 0.3s; 49} 50 51.send-message-button:hover .send-message-content span { 52 color: #1d0c0c; 53} 54
35 views
35 views
MIT License