<div class="container">
  <button class="cdt-btn cdt-btn-primary cdt-btn-rounded">Primary rounded</button>
  <br />
  <button class="cdt-btn cdt-btn-primary-1 cdt-btn-small">Primary-1 small</button>
  <br />
  <button class="cdt-btn cdt-btn-secondary cdt-btn-full-rounded">Secondary fully rounded</button>
  <br />
  <button class="cdt-btn cdt-btn-error">Error button</button>
  <br />
  <button class="cdt-btn cdt-btn-gray cdt-btn-large cdt-btn-rounded">Gray large rounded</button>
</div>
.container {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.cdt-btn {
  margin: 5px;
}