<div class="ss-container ss-py-4">
  <h2 class="ss-brand">Button Tag</h2>
  <hr class="ss-hr" />
  <button class="ss-btn">Button</button>
  <button class="ss-btn ss-outline">Outline</button>
  <button class="ss-btn ss-outlined">Outlined</button>
  
  <br /><br />
  
  <button class="ss-button">Button</button>
  
  <br /><br /><br />
  
  <h2 class="ss-brand">Input Tag</h2>
  <hr class="ss-hr" />
  <input type="button" value="Button" class="ss-btn" />
  <input type="button" value="Outline" class="ss-btn ss-outline" />
  <input type="button" value="Outlined" class="ss-btn ss-outlined" />
  
  <br /><br />
  
  <input type="button" value="Button" class="ss-button" />
  
  <br /><br /><br />
  
  <h2 class="ss-brand">Link Tag</h2>
  <hr class="ss-hr" />
  <a href="#" class="ss-btn">Button</a>
  <a href="#" class="ss-btn ss-outline">Outline</a>
  <a href="#" class="ss-btn ss-outlined">Outlined</a>
  
  <br /><br />
  
  <a href="#" class="ss-button">Button</a>
</div>

External CSS

  1. https://cdn.jsdelivr.net/gh/shoaiyb/sysacss@master/sysa.css

External JavaScript

This Pen doesn't use any external JavaScript resources.