Button by Peary74

1.btnCloud {
2  background-color: transparent;
3  position: relative;
4  fill: rgb(155, 153, 153);
5  border: none;
6}
7
8.btnCloud::after {
9  content: 'SAVE';
10  position: absolute;
11  top: -50%;
12  left: 50%;
13  transform: translateX(-50%);
14  background-color: #fff;
15  padding: 3px 9px;
16  border-radius: 5px;
17  transition: 200ms linear;
18  transition-delay: 200ms;
19  color: black;
20  font-size: 13px;
21  visibility: hidden;
22}
23
24.icon {
25  transform: scale(1.4);
26  transition: 200ms linear;
27}
28
29.btnCloud:hover > .icon {
30  transform: scale(1.7);
31}
32
33.btnCloud:hover > .icon path {
34  fill: #fff;
35  cursor: pointer;
36}
37
38.btnCloud:hover::after {
39  visibility: visible;
40  opacity: 1;
41  top: -100%;
42}
43