.analytics-consent[hidden], .analytics-consent-settings[hidden] { display: none !important; } .analytics-consent { position: fixed; right: 0; bottom: 0; left: 0; z-index: 10000; background: #ffffff; border-top: solid 1px rgba(210, 215, 217, 0.95); box-shadow: 0 -0.75rem 2rem rgba(61, 68, 73, 0.14); color: #3d4449; padding: 1.25rem 6vw; } .analytics-consent__inner { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; max-width: 72rem; margin: 0 auto; } .analytics-consent__copy { max-width: 48rem; } .analytics-consent h2 { color: #3d4449; font-size: 1.15rem; margin: 0 0 0.35rem; } .analytics-consent p { margin: 0; } .analytics-consent a { color: #2f6418; } .analytics-consent__actions { display: flex; flex: 0 0 auto; gap: 0.75rem; } .analytics-consent__actions button, .analytics-consent-settings { appearance: none; background: #38761d; border: solid 2px #38761d; border-radius: 0.375rem; box-shadow: none; color: #ffffff !important; cursor: pointer; font-family: inherit; font-size: 0.85rem; font-weight: 700; height: auto; letter-spacing: 0.04em; line-height: 1.25; padding: 0.8rem 1rem; text-transform: none; white-space: nowrap; } .analytics-consent__actions button:hover, .analytics-consent-settings:hover { background: #2f6418; border-color: #2f6418; } .analytics-consent__actions button:focus-visible, .analytics-consent-settings:focus-visible { outline: solid 3px #f0b429; outline-offset: 3px; } .analytics-consent-settings { position: fixed; bottom: 0.75rem; left: 0.75rem; z-index: 9999; background: #ffffff; color: #2f6418 !important; font-size: 0.75rem; padding: 0.55rem 0.7rem; } @media screen and (max-width: 736px) { .analytics-consent { padding: 1rem; } .analytics-consent__inner, .analytics-consent__actions { align-items: stretch; flex-direction: column; } .analytics-consent__inner { gap: 1rem; } .analytics-consent__actions { gap: 0.5rem; } .analytics-consent__actions button { width: 100%; white-space: normal; } }