1 @use '_variables' as *;
8 width: calc(100% - #{$menu-width});
9 z-index: z(privacymsg);
16 justify-content: space-between;
17 background-color: rgba(0, 0, 0, 0.9);
21 // If the view is expanded
22 :host-context(.expanded) {
28 // Avoid higher z-index when overlay on touchscreens
29 :host-context(.menu-open) {
31 z-index: z(overlay) - 1;
35 // Or if we are in the small view
36 @media screen and (max-width: $small-view) {
42 .privacy-concerns-text {
47 @include disable-default-a-behaviour;
49 color: pvar(--mainColor);
50 transition: color 0.3s;
57 .privacy-concerns-button {
58 @include margin-left(auto);
60 padding: 5px 8px 5px 7px;
64 transition: background-color 0.3s;
65 font-weight: $font-semibold;
68 background-color: #000;
72 .privacy-concerns-okay {
73 @include margin-left(10px);
75 background-color: pvar(--mainColor);
78 @media screen and (max-width: 1300px) {
84 .privacy-concerns-text {