File tree 1 file changed +3
-38
lines changed
1 file changed +3
-38
lines changed Original file line number Diff line number Diff line change 9
9
padding : 0 ;
10
10
font-family : Arial, sans-serif;
11
11
}
12
-
13
- .whatsapp-button-container {
14
- position : fixed;
15
- bottom : 10px ;
16
- left : 10px ;
17
- z-index : 1000 ;
18
- display : flex;
19
- align-items : center;
20
- justify-content : center;
21
- }
22
-
23
- .whatsapp-button {
24
- display : flex;
25
- align-items : center;
26
- justify-content : center;
27
- padding : 10px 30px ;
28
- background : rgba (255 , 255 , 255 , 0.2 ); /* Glass effect */
29
- border-radius : 30px ;
30
- box-shadow : 0 4px 6px rgba (0 , 0 , 0 , 0.1 );
31
- backdrop-filter : blur (10px ); /* Glass blur */
32
- border : 1px solid rgba (255 , 255 , 255 , 0.4 );
33
- transition : background 0.3s ease;
34
- color : # fff ;
35
- font-weight : bold;
36
- font-size : 14px ;
37
- }
38
-
12
+
39
13
.whatsapp-button : hover {
40
14
background : rgba (255 , 255 , 255 , 0.3 );
41
15
}
48
22
fill : white;
49
23
}
50
24
51
- @media (max-width : 600px ) {
52
- .whatsapp-button {
53
- padding : 8px 20px ;
54
- font-size : 12px ;
55
- }
56
-
57
- .whatsapp-button svg {
58
- width : 30px ;
59
- height : 30px ;
60
- }
61
- }
25
+
26
+
62
27
</ style >
63
28
</ head >
64
29
< body >
You can’t perform that action at this time.
0 commit comments