Issues:
1.luxar_disclaimer_container {
2 position: fixed;
3 left: 0;
4 bottom: 0;
5 width: 100%;
6 box-sizing: border-box;
7 padding: 35px 80px;
8 text-transform: uppercase;
9 font-size: 18px;
10 font-family: "Acrobat", "Open Sans", sans-serif;
11 z-index: 1000;
12 opacity: 0.8;
13 display: flex;
14 align-items: center;
15 justify-content: space-between;
16}
17@media screen and (max-width: 768px) {
18 .luxar_disclaimer_container {
19 padding: 20px;
20 font-size: 16px;
21 }
22}
23.luxar_disclaimer_container a.luxar_disclaimer_close {
24 display: block;
25 /* position: absolute;
26 right: 20px;
27 top: 50%;
28 transform: translate(0, -50%);*/
29 width: 24px;
30 height: 24px;
31}
32@media screen and (max-width: 768px) {
33 .luxar_disclaimer_container a.luxar_disclaimer_close {
34 right: 10px;
35 top: 10px;
36 }
37}
38.luxar_disclaimer_container a.luxar_disclaimer_close:hover svg path {
39 fill: #ff0000;
40}
41.luxar_disclaimer_container a.luxar_disclaimer_close svg {
42 max-width: 100%;
43 max-height: 100%;
44}
45.luxar_disclaimer_container.top {
46 bottom: auto;
47 top: 0;
48}
49.luxar_disclaimer_container.bottom {
50 top: auto;
51 bottom: 0;
52}
53.luxar_disclaimer_container.big {
54 font-size: 24px;
55 padding: 35px 80px;
56}
57.luxar_disclaimer_container.medium {
58 font-size: 18px;
59 padding: 20px 40px;
60}
61.luxar_disclaimer_container.small {
62 font-size: 14px;
63 padding: 10px 20px;
64}
65.luxar_disclaimer_container.small a.luxar_disclaimer_close {
66 width: 18px;
67 height: 18px;
68}
69.luxar_disclaimer_container .luxar_disclaimer_button {
70 margin-left: 20px;
71 display: block;
72 padding: 5px 15px;
73 border: 1px solid;
74 text-decoration: none;
75}
76.luxar_disclaimer_container .luxar_disclaimer_button:hover {
77 text-decoration: none;
78}
79
80/*# sourceMappingURL=style.css.map */