How to edit the Focus style border and disable focus state when clicking links/Button

Hello!
Can anyone share, how to edit the focus style of Bricks to look like Stripe.com https://stripe.com/ focus states?

This is the website I am working: https://farhanmubin.com/styleguide/

With a Primary color Border and rounded corners (5px)

I have found the settings under Theme Style > typography > Focus Outline

But, only able to choose Solid to remove the dotted line.

SECOND HELP,

There is an animation when the focus is on the Buttons. I have CSS animation for the button’s hover state, but why is it showing in the Focus State? How can I fix it?

On top of that, every time I click any links/buttons it shows the focus borders. How to remove it and only show it only when it’s in the Keyboard

Thank you so much for your attention and participation.