outline-offset: кольцо фокуса вне кнопки
Дополнение к :focus-visible в UI-kit.
`outline-offset: 4px` отодвигает системную обводку от границы кнопки — читаемее на тёмном фоне hero и не обрезается `overflow: hidden` родителя, если outline рисуется снаружи.
Сочетайте с `:focus-visible`, не убирайте outline на `:focus` без замены.
- outline-offset — MDN — Длины offset.
- :focus-visible — MDN — Паттерн фокуса.
Контраст
Проверяйте видимость focus ring на всех variant кнопок — primary и ghost.