/* Canonical Kakobuy recommendation banner. Keep this file last in so page-specific themes cannot recolor it. */ html body #agent-warning.agent-warning { border-color: rgba(255, 45, 78, 0.24) !important; background: radial-gradient(circle at 4% 0%, rgba(255, 42, 75, 0.13), transparent 34%), linear-gradient(135deg, #ffffff, #fff5f6) !important; color: #17121f !important; box-shadow: 0 16px 38px rgba(159, 24, 45, 0.11), inset 0 1px 0 #ffffff !important; } html body #agent-warning.agent-warning::before { display: block !important; background: linear-gradient(180deg, #ff6b81, #ff173d) !important; box-shadow: 0 0 18px rgba(255, 35, 70, 0.42) !important; } html body #agent-warning.agent-warning #agent-warning-icon { background: #ffffff !important; box-shadow: 0 8px 26px rgba(255, 35, 70, 0.18) !important; } html body #agent-warning.agent-warning .agent-warning-title { color: #17121f !important; } html body #agent-warning.agent-warning .agent-warning-eyebrow { color: #e6173a !important; } html body #agent-warning.agent-warning .agent-warning-benefits, html body #agent-warning.agent-warning .agent-warning-keep { color: rgba(23, 18, 31, 0.62) !important; } html body #agent-warning.agent-warning .agent-warning-benefits span::before { color: #38d98a !important; } html body #agent-warning.agent-warning .agent-warning-benefits span { border: 0 !important; background: transparent !important; box-shadow: none !important; } html body #agent-warning.agent-warning .agent-warning-keep { border: 0 !important; background: transparent !important; box-shadow: none !important; } html body #agent-warning.agent-warning .agent-warning-keep:hover { color: #17121f !important; background: rgba(255, 54, 87, 0.05) !important; } html body #agent-warning.agent-warning .agent-warning-btn { border: 1px solid rgba(255, 255, 255, 0.14) !important; background: linear-gradient(135deg, #ff3657, #ed1235) !important; color: #ffffff !important; box-shadow: 0 9px 22px rgba(237, 18, 53, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.22) !important; } html body #agent-warning.agent-warning .agent-warning-close { border-color: rgba(255, 45, 78, 0.24) !important; background: transparent !important; color: #17121f !important; box-shadow: none !important; } html body #agent-warning.agent-warning .agent-warning-btn:hover { transform: translateY(-1px); filter: brightness(1.06); }