Button by vinodjangid07
#e8e8e8
1.share-button { 2 display: flex; 3 align-items: center; 4 justify-content: flex-start; 5 width: 120px; 6 height: 40px; 7 position: relative; 8 border: 1px solid #81aca0; 9 background-color: #209978; 10 overflow: hidden; 11 cursor: pointer; 12 color: white; 13} 14.button__text { 15 width: 80px; 16 height: 100%; 17 display: flex; 18 align-items: center; 19 justify-content: center; 20} 21 22.button__icon { 23 width: 40px; 24 height: 40px; 25 display: flex; 26 align-items: center; 27 justify-content: center; 28 background-color: #17795e; 29 position: absolute; 30 right: 0; 31 transition: all 0.3s; 32} 33.button__icon svg { 34 width: 18px; 35} 36.share-button:hover .button__icon { 37 width: 100%; 38} 39
261 views
Variation of abutton
MIT License