outline-offset: 4px отодвигает системную обводку от границы кнопки — читаемее на тёмном фоне hero и не обрезается overflow: hidden родителя, если outline рисуется снаружи.
Сочетайте с :focus-visible, не убирайте outline на :focus без замены.
- [outline-offset — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/outline-offset) — Длины offset.
- [:focus-visible — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible) — Паттерн фокуса.
---
## Контраст
Проверяйте видимость focus ring на всех variant кнопок — primary и ghost.