Use this custom css to adjust the width of all share buttons individually
a.mashicon-facebook{
width:200px;
}
a.mashicon-twitter{
width:200px;
}
a.mashicon-google{
width:200px;
}
a.mashicon-pinterest{
width:200px;
}
Just change the suffix of the mashicon class name to change the width of any button individually.
If you need to change all buttons to the same width write:
.mashsb-buttons a {
width:100px;
}
If you just want to change the buttons width on mobile devices
@media screen and (max-width:568px){
.mashsb-buttons a {
width:100px;
}
}
If you just want to change the buttons width on desktop devices
@media screen and (min-width:568px){
.mashsb-buttons a {
width:100px;
}
}