Outline Width

Controls the width of the outline of an element.

Class	Properties
ow-0	outline-width: 0px;
ow-1	outline-width: 4px;
ow-2	outline-width: 8px;
ow-3	outline-width: 12px;
ow-4	outline-width: 16px;

<div class="d-g g-16 gtc-2">
  <button class="b-1 bc-l-silver-6 bg-white fw-600 oc-cyan oo-1 os-s ow-1 px-5 py-1 rad-1">Subscribe</button>
  <button class="b-1 bc-l-silver-6 bg-white fw-600 oc-cyan oo-1 os-s ow-2 px-5 py-1 rad-1">Subscribe</button>
</div>

---

Using breakpoints

Using responsive breakpoints like sm:ow-*, md:ow-*, lg:ow-*, and xxl:ow-* allows targeting specific utilities in different viewports.

<div class="ow-1 md:ow-2 ..."></div>

Using variants

Using :hover variants such as h:ow-* allows you to override elements and change their values when hovering over them.

<div class="ow-1 h:ow-2 ..."></div>