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