/* © 2026 Galaxy Host. All Rights Reserved. by vincent */
.cookie-consent-banner { position: fixed; bottom: 20px; right: 20px; width: 320px; max-width: calc(100vw - 40px); z-index: 9999; padding: 14px 16px; background: rgba(10, 15, 26, .95); border: 1px solid rgba(96, 165, 250, .3); border-radius: 16px; box-shadow: 0 10px 30px rgba(0, 0, 0, .28); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); transform: translateY(24px); opacity: 0; transition: transform .4s ease, opacity .4s ease; } .cookie-consent-banner.cookie-consent-visible { transform: translateY(0); opacity: 1; } .cookie-consent-banner.cookie-consent-hidden { transform: translateY(24px); opacity: 0; } [dir="rtl"] .cookie-consent-banner { right: auto; left: 20px; } .cookie-consent-content { display: flex; align-items: flex-start; gap: 12px; } .cookie-consent-icon { flex-shrink: 0; width: 34px; height: 34px; border-radius: 10px; background: linear-gradient(135deg, #3B82F6, #2563EB); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 15px; } .cookie-consent-text-wrap { flex: 1; min-width: 0; } .cookie-consent-text { margin: 0; color: #CBD5E1; font-size: 12.5px; line-height: 1.55; } .cookie-consent-policy { display: inline-block; margin-top: 2px; color: #60A5FA; font-size: 12px; text-decoration: none; } .cookie-consent-policy:hover { text-decoration: underline; } .cookie-consent-buttons { display: flex; align-items: center; gap: 8px; margin-top: 10px; } .cookie-consent-btn { flex: 1; padding: 7px 12px; border: none; border-radius: 8px; font-size: 12.5px; font-weight: 600; cursor: pointer; transition: all .2s ease; } .cookie-consent-accept { background: linear-gradient(135deg, #3B82F6, #2563EB); color: #fff; } .cookie-consent-accept:hover { transform: translateY(-1px); box-shadow: 0 4px 14px rgba(59, 130, 246, .35); } .cookie-consent-reject { background: transparent; color: #94A3B8; border: 1px solid rgba(148, 163, 184, .35); } .cookie-consent-reject:hover { color: #fff; border-color: rgba(148, 163, 184, .6); } @media (max-width: 480px) { .cookie-consent-banner { right: 12px; left: 12px; width: auto; bottom: 12px; } [dir="rtl"] .cookie-consent-banner { right: 12px; left: 12px; } }