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