Support tailwind ring class

[albertcito]

Usually, the buttons with borders are created with a ring now. It's because if we have border: 1px solid #ccc, it will create a pixel extra space.

For instance, if I would like to list my buttons, my button with a border will use one pixel extra of space. If I were to use hover between the border button and a no-border button, it would create a weird design effect with the scroll.

Therefore, a ring is the best option in order to have a set of buttons of the same size and no weird extra effects in the design.

https://tailwindcss.com/docs/box-shadow#adding-a-ring