The buttons

Button size

The number in ats_kit_size_N is the button in pixels. The configurator offers 16, 24, 32 and 40 because those are the sensible ones, but the widget reads whatever integer you put there.

The code

<div class="ats_kit ats_kit_size_40">
  <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>

Pick for thumbs, not for looks

On a touch screen anything under about 44px is hard to hit reliably. 32 is fine inside a dense row on a desktop; for a phone-first page, go up.

Live demo

Demo ↗

An article worth passing on

40px. The glyph scales with the tile, so nothing is redrawn at a different weight.

Services (5 selected)

Button size

Shape

Behaviour

snippet.htmlOpen in builder ↗

<div class="ats_kit ats_kit_size_40">
  <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>