Let's look at an example:
In the above example, the focus
state styling is applied to both
the input fields and buttons, and
the active state styling is
applied only to the button.
When the button is clicked, both the focus
and active state stylings are triggered
simultaneously. To observe the active state
styling try keeping the button clicked
for a moment.
An element remains in the focus state
until we navigate away from it,
and it stays in active state until we release
the mouse click or key,
maintaining its activated status.