<p><button class="nb-button default"> Click Here </button>
  <button class="nb-button orange"> Click Here </button>
  <button class="nb-button blue"> Click Here </button>
  <button class="nb-button green"> Click Here </button>
</p>
<p>
  <button class="nb-button default rounded"> Click Here </button>
  <button class="nb-button orange rounded"> Click Here </button>
  <button class="nb-button blue rounded"> Click Here </button>
  <button class="nb-button green rounded"> Click Here </button>
</p>

<p><input class="nb-input default" placeholder="Text" />
  <input class="nb-input orange" placeholder="Text" />
  <input class="nb-input blue" placeholder="Password" />
  <input class="nb-input green" placeholder="Email@example.com" />
</p>
<p>
<div class="card">
  <a href="https://example.com">
    <div class="card-thumbnail">
      <img src="https://picsum.photos/seed/picsum/200/120" loading="lazy" alt="Explore NeoBrutalismCSS" class="card-thumbnail" />
    </div>
    <div class="card-content">
      <div class="text-small">October 8, 2023</div>
      <p>
        <strong>Explore NeoBrutalismCSS: A Revolutionary library</strong>
      </p>
      <p>Unveil the future of NeoBrutalism with our groundbreaking approach that will transform your life.</p>
      <p><strong>Learn More -></strong></p>
    </div>
  </a>
</div>
</p>
<p>
<div class="dialog">
  <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Minima
    officiis officia, nulla commodi repellat modi ab et ea! Excepturi molestiae voluptatibus
    voluptatum</p>
  <p>Not sure how I feel about it</p>
  <div class="button-container">
    <button class="nb-button default">Cancel</button>
    <button class="nb-button green">Save</button>
  </div>
</div>
</p>