The buttons

Button shape

Three shapes ship. Rounded is the default and needs no class; the other two are a single word added to the kit. There is no CSS for you to write.

The code

<div class="ats_kit ats_kit_size_32 ats_round_style">
  <a class="ats_btn_facebook"></a>
  <a class="ats_btn_x"></a>
  <a class="ats_btn_linkedin"></a>
  <a class="ats_btn_whatsapp"></a>
  <a class="ats_btn_telegram"></a>
  <a class="ats_dd"></a>
</div>

The three classes

Rounded is what you get without any of them.

ats_default_style   rounded, 7px corners (3px at size 16; 5px at size 24)
ats_round_style     circular
ats_square_style    square corners

Live demo

Demo ↗

An article worth passing on

Circular, from the ats_round_style class on the kit.

Services (5 selected)

Button size

Shape

Behaviour

snippet.htmlOpen in builder ↗

<div class="ats_kit ats_kit_size_32 ats_round_style">
  <a class="ats_btn_facebook"></a>
  <a class="ats_btn_x"></a>
  <a class="ats_btn_linkedin"></a>
  <a class="ats_btn_whatsapp"></a>
  <a class="ats_btn_telegram"></a>
  <a class="ats_dd"></a>
</div>

<script async src="//static.addtosite.com/widget.js"></script>