Make "cookie settings" button clickable by getting Ask AI button out of the way.

[sfc-gh-tteixeira]

📚 Context

Today it's not possible to click the Cookie Settings link in the site's footer. This is because there's a big transparent div around the Ask AI button that takes up the entire width of the page.

This PR removes that div and just places the Ask AI button based on right-alignment instead.

🧠 Description of Changes

1. Make Ask AI button wrapper take up only the exact space that it needs, so you can click the Cookie Settings link.

   This changes the exact positioning of the Ask AI button a little bit, but I think it's fine. Before this change, the button always aligned with the right side of the page's content, which changes width based on responsive breakpoints. But now the button is always a certain distance from the right edge instead. Which means it's often misaligned with the content's right edge. See screenshot below.

2. Fix a z-index issue with What's New, which placed its items above the Ask AI button

 

---

 

Current alignment:

Revised alignment:

 

---

 

Current overlap:

Screen.Recording.2025-10-01.at.21.38.04.mov

Revised overlap:

Screen.Recording.2025-10-01.at.21.38.31.mov

 

💥 Impact

Size:

• Small
• Not small

Contribution License Agreement

By submitting this pull request you agree that all contributions to this project are made under the Apache 2.0 license.

[sfc-gh-dmatthews]

If we lower the Z-index of that element, then we need to lower the Z-index of the left navigation, too. Instead, can we just raise the Kapa and cookie buttons?

[sfc-gh-tteixeira]

Ahhh, so that's why the z-index was so high! Ok, I've updated the Kappa z-index.

But in the long term I think we should change our design so nothing ever "zooms in" when hovered. That's just a source of problems...

[sfc-gh-dmatthews]

Do you want the cookie banner to be higher than Kapa?