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