3.7K views
1button { 2 background-color: #fff; 3 border: 1px solid #25D366; 4 padding: 5px; 5 position: relative; 6 width: 6.2em; 7 height: 2em; 8 transition: 0.5s; 9 font-size: 17px; 10 border-radius: 0.4em; 11} 12 13button p { 14 position: absolute; 15 top: 0.4em; 16 left: 1.15em; 17 margin: 0; 18 padding: 0; 19 transition: .5s; 20 color: #25D366; 21} 22 23button svg { 24 position: absolute; 25 top: 0.45em; 26 right: 0.5em; 27 margin: 0; 28 padding: 0; 29 opacity: 0; 30 transition: 0.5s; 31 height: 1em; 32 fill: #fff 33} 34 35button:hover p { 36 left: 0.5em; 37 color: #fff 38} 39 40button:hover svg { 41 opacity: 1; 42} 43 44button:hover { 45 background-color: #25D366; 46} 47
alshahwan
Mohammad Alshahwan
MIT License