<button class="cdt-btn cdt-btn-primary cdt-btn-large cdt-btn-rounded dialog-btn" data-dialog='#dialog'>Open Dialog</button>
<div id="dialog" class="cdt-dialog-container hide ">
  <div class="cdt-dialog with-borders">
      <header>
      <h6>Dialog header</h6>
      </header>
      <main>
        <div class="content">
          Dialog Content
        </div>
      </main>
      <div class="actions">
        <button class="cdt-btn cdt-btn-transparent" data-close="true">Close</button>
        <button class="cdt-btn cdt-btn-transparent">Submit</button>
      </div>
  </div>
</div>
.dialog-btn {
  margin: 50px;
}
.cdt-dialog main {
  min-height: 100px;
}