  [class*="block-grid-"]>li.social-button{
    padding:2px;
}


.social-button a{
color:#d72121;
text-decoration:none;
display:inline-block;
white-space:nowrap;
width:100%;
font-family: "ReplicaProRegular",sans-serif;
font-size:1.5em;
text-align:left;
background-color:#FFF;
transition: all 0.4s;
}


.social-button a .fa {
    margin-right: 6px;
}

.social-button a:hover{
    color:#000;
}

@media (min-width: 40em){
   [class*="block-grid-"]>li.social-button a {
        font-size:1.25em;
    }
}

@media (min-width: 70em){
    [class*="block-grid-"]>li.social-button a {
        font-size:1.5em;
    }
}