Outline Offset

Below, utility classes to apply outline-offset property.

Class	Properties
.outline-offset-0	outline-offset: 0px;
.outline-offset	outline-offset: 1px;
.outline-offset-2	outline-offset: 2px;
.outline-offset-4	outline-offset: 4px;
.outline-offset-6	outline-offset: 6px;
.outline-offset-8	outline-offset: 8px;

Example(s)

<button class="outline-solid outline-offset-0 outline-2 ...">button</button>
<button class="outline-solid outline-offset-2 outline-2 ...">button</button>
<button class="outline-solid outline-offset-4 outline-2 ...">button</button>
<button class="outline-solid outline-offset-6 outline-2 ...">button</button>
<button class="outline-solid outline-offset-8 outline-2 ...">button</button>