Outline Width

Controls the width of the outline of an element.

Class	Property
ow-0	outline-width: 0px;
ow-1	outline-width: 1px;
ow-2	outline-width: 2px;
ow-3	outline-width: 3px;
ow-4	outline-width: 4px;

Subscribe Subscribe Subscribe

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

---

Using responsive modifiers

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 hover modifiers

Using :hover modifiers 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>