The size of the buttons in the block Yandex. Share

UPD. Thanks to EatMyDust for commenting on the answer. Investigated the issue in more detail.

Yandex offers 4 appearance for the block "Share". The fourth of them - with buttons of small size, so it is interesting to increase only the first three.

I propose a variant of the styles for buttons with a side of 32 pixels instead of 24. Basic values ​​are in the comments for each line.

1. ya-share2__container_size_m .ya-share2__icon must be redefined for all kinds of block.
2. For a block with counters, you need to add .ya-share2__container_size_m .ya-share2__counter .
3. And for the menu block - .ya-share2__container_size_m .ya-share2__icon_more:before and .ya-share2__container_size_m .ya-share2__popup_direction_bottom .

 /* 1 */ .ya-share2__container_size_m .ya-share2__icon { height: 32px !important; /* 24px */ width: 32px !important; /* 24px */ background-size: 32px 32px !important; /* 24px 24px */ } /* 2 */ .ya-share2__container_size_m .ya-share2__counter { font-size: 14px !important; /* 12px */ padding: 8px 10px 0 10px !important; /* 5px 8px 0 8px */ } /* 3 */ .ya-share2__container_size_m .ya-share2__icon_more:before { line-height: 22px !important; /* 13px */ } .ya-share2__container_size_m .ya-share2__popup_direction_bottom { top: 36px !important; /* 28px */ } 

 <h3>только иконки</h3> <div class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,moimir"></div> <h3>счётчики</h3> <div class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,moimir" data-counter=""></div> <h3>иконки и меню</h3> <div class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,moimir" data-limit="3"></div> <script type="text/javascript" src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js" charset="utf-8"></script> <script type="text/javascript" src="//yastatic.net/share2/share.js" charset="utf-8"></script> 

In general, if there is a need to visually change the block, the most appropriate way is to use the data-bare attribute, which is a sign that the loading of styles is disabled. If you add an attribute, social networks will be displayed in the form of a textual vertical list. And then on your side you can make the design as convenient. You, in fact, remain the minimum layout and access to the block API.

There is no guarantee that the style override offered by @Gleb Kemarsky will not break with the next update of the block.

A safer option seems to me to be the approach using the transform property. This approach does not depend on the internal representation of the block and, therefore, is less sensitive to updates.

 .ya-share2__list { transform: translate(25%, 25%) scale(1.5); } 

 <div class="ya-share2"></div> <script src="//yastatic.net/share2/share.js"></script> 

For older IEs, the zoom property can be used as a fallback.