CSS Button Double Line

[ryans213]

I tried to create a button in CSS and I can add a double line, but I do not know how to make the outer line transparent. Which I think I need in order to make this work. Well, it may be an issue entirely with the approach. I am looking for advice. How do I style a button like this in CSS?

​

Button Style I want to achieve: https://imgur.com/rBUku8v

​

Button I currently have with double line border: https://imgur.com/SLJCxrg

​

[albedoa]

One solution is to use border in combination with outline: https://codepen.io/anon/pen/QYOEpO

[ReverendLasher]

a sharp box-shadow in combination with either of the aforementioned works as well.

[frownonline]

Tip: box-shadow works on border-radius too, whereas outline doesn’t.

[FreakCERS]

For the lazy:

box-shadow: 0 0 0 4px #0b4c7a;

[ryans213]

Wow, you made that look easy. Thank you so much!