diff --git a/src/components/icons/AssistantIcon.vue b/src/components/icons/AssistantIcon.vue index 3c3d7c30..ad0b6f31 100644 --- a/src/components/icons/AssistantIcon.vue +++ b/src/components/icons/AssistantIcon.vue @@ -72,6 +72,18 @@ export default { animation: pulse 0.6s ease 0.2s forwards; } +button:focus-visible .assistant-icon .star1 { + animation: pulse 0.6s ease forwards; +} + +button:focus-visible .assistant-icon .star2 { + animation: pulse 0.6s ease 0.1s forwards; +} + +button:focus-visible .assistant-icon .star3 { + animation: pulse 0.6s ease 0.2s forwards; +} + /* No animation to avoid vestibular motion triggers. */ @media (prefers-reduced-motion: reduce) { .assistant-icon:hover .star1 { @@ -86,6 +98,11 @@ export default { animation: none; } + button:focus-visible .assistant-icon .star1, + button:focus-visible .assistant-icon .star2, + button:focus-visible .assistant-icon .star3 { + animation: none; + } } @keyframes pulse {