Button with dropdown. On desktop dropdown is being shown when hovering. On smartphones we toggle .share--visible
Also, we need to cover the case when the page is scrolled down enough
to cur dropdown on the top.
In this case, add a modifier .share--to-bottom
See sample here: scrips/_share.js
The default .share is designed to be placed on the right. The dropout is styled to move left when there is no enough space on the right. Previously, this was done by JS (see commented piece of code) and done via CSS.
On the company page it works different. It is located on the left from the first place. Please use .share--left-on-mobile modifier: