In {Theme} we have several flavours from which you can choose:

Booze flavours

• Btn-primary.btn-borde
  HTML markup
  
  CSS

  <a href="#menus" data-padding-left="30" data-padding-right="30" class="btn btn-primary btn-border btn-sm ct-js-btnSize ct-js-btnScroll" style="padding-left: 30px; padding-right: 30px;">lets have one!</a>

  1	<a href="#menus" data-padding-left="30" data-padding-right="30" class="btn btn-primary btn-border btn-sm ct-js-btnSize ct-js-btnScroll" style="padding-left: 30px; padding-right: 30px;">lets have one!</a>

  Screenshot
  
• Btn-default.btn-border
  HTML markup
  
  CSS

  <a href="contact.html" class="btn btn-default btn-border btn-sm">book an event</a>

  1	<a href="contact.html" class="btn btn-default btn-border btn-sm">book an event</a>

  Screenshot
  
• Btn-link.btn-border
  HTML markup
  
  CSS

  <a href="masterclass.html" class="btn btn-link btn-sm btn-border btn-border--white">learn more</a>

  1	<a href="masterclass.html" class="btn btn-link btn-sm btn-border btn-border--white">learn more</a>

  Screenshot
  
• Btn-primary.btn-stretched
  HTML markup
  
  CSS

  <button type="submit" class="btn btn-primary btn-sm btn-border btn-stretched">submit the form</button>

  1	<button type="submit" class="btn btn-primary btn-sm btn-border btn-stretched">submit the form</button>

  Screenshot
  

Castro Flavour

• Btn-primary.btn-border
  HTML markup
  
  CSS

  <a href="#menus" data-padding-left="30" data-padding-right="30" class="btn btn-primary btn-border btn-sm ct-js-btnSize ct-js-btnScroll" style="padding-left: 30px; padding-right: 30px;">lets have one!</a>

  1	<a href="#menus" data-padding-left="30" data-padding-right="30" class="btn btn-primary btn-border btn-sm ct-js-btnSize ct-js-btnScroll" style="padding-left: 30px; padding-right: 30px;">lets have one!</a>

  Screenshot
  
• Btn-default.btn-border
  HTML markup
  
  CSS

  <a href="events.html" class="btn btn-default btn-border btn-sm">join a class</a>

  1	<a href="events.html" class="btn btn-default btn-border btn-sm">join a class</a>

  Screenshot
  
• Btn-link.btn-border
  HTML markup
  
  CSS

  <a href="masterclass.html" class="btn btn-link btn-sm btn-border btn-border--white">learn more</a>

  1	<a href="masterclass.html" class="btn btn-link btn-sm btn-border btn-border--white">learn more</a>

  Screenshot
  
• Btn-primary.btn-stretched
  HTML markup
  
  CSS

  <button type="submit" class="btn btn-primary btn-sm btn-border btn-stretched">submit the form</button>

  1	<button type="submit" class="btn btn-primary btn-sm btn-border btn-stretched">submit the form</button>

  Screenshot
  

Rooftop Flavour

• Btn-primary.btn-border
  HTML markup
  
  CSS

  <a href="#menus" data-padding-left="30" data-padding-right="30" class="btn btn-primary btn-border btn-sm ct-js-btnSize ct-js-btnScroll" style="padding-left: 30px; padding-right: 30px;">get one!</a>

  1	<a href="#menus" data-padding-left="30" data-padding-right="30" class="btn btn-primary btn-border btn-sm ct-js-btnSize ct-js-btnScroll" style="padding-left: 30px; padding-right: 30px;">get one!</a>

  Screenshot
  
• Btn-default.btn-border
  HTML markup
  
  CSS

  <a href="contact.html" class="btn btn-default btn-border btn-sm">book an event</a>

  1	<a href="contact.html" class="btn btn-default btn-border btn-sm">book an event</a>

  Screenshot
  
• Btn-link.btn-border
  HTML markup
  
  CSS

  <a href="masterclass.html" class="btn btn-link btn-sm btn-border btn-border--white">learn more</a>

  1	<a href="masterclass.html" class="btn btn-link btn-sm btn-border btn-border--white">learn more</a>

  Screenshot
  
• Btn-primary.btn-stretched
  HTML markup
  
  CSS

  <button type="submit" class="btn btn-primary btn-sm btn-border btn-stretched">submit the form</button>

  1	<button type="submit" class="btn btn-primary btn-sm btn-border btn-stretched">submit the form</button>

  Screenshot