No focus visible on buttons in the responsive design for mobile navigation

[derekjackson-das]

Description: The focus is not visible on buttons in the responsive design of the @media (min-width: 768px) rules for CSS.

WCAG Criteria: 2.4.7 Focus Visible - AA

Screenshot: Screen recording

Snippet:

css

.focus\:outline-none:focus {
    outline: 2px solid #00000000;
    outline-offset: 2px;
}

Notes: The color of the outline is transparent, making it invisible. Ensure the outline color is not transparent by using a hex value like #000000.