diff --git a/src/components/menu/menu.module.css b/src/components/menu/menu.module.css index 637e635..6285af3 100644 --- a/src/components/menu/menu.module.css +++ b/src/components/menu/menu.module.css @@ -13,7 +13,13 @@ border-radius: 50%; transition: 0.2s; - &:hover { + &:focus-visible { + outline: 2px solid var(--color-neutral-400); + outline-offset: 2px; + } + + &:hover, + &:focus-visible { background-color: var(--color-neutral-200); } } diff --git a/src/components/scroll-to-top/scroll-to-top.module.css b/src/components/scroll-to-top/scroll-to-top.module.css index d535280..a6337d6 100644 --- a/src/components/scroll-to-top/scroll-to-top.module.css +++ b/src/components/scroll-to-top/scroll-to-top.module.css @@ -12,7 +12,13 @@ border-radius: 50%; transition: 0.2s; - &:hover { + &:focus-visible { + outline: 2px solid var(--color-neutral-400); + outline-offset: 2px; + } + + &:hover, + &:focus-visible { background-color: var(--color-neutral-200); } }