body .login-container div.pix-social-login-block { width: 100%; }
.pix-social-login-padding { display: flex; flex-wrap: wrap; align-items: center; }
.social_button { padding: 0; border:0; border-radius: 50px; margin:8px 16px 8px 0; }
.social_button > a { padding: 14px 26px 14px 65px; display: flex; align-items: center; moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out;  -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out; border-radius: 50px; overflow: hidden; text-decoration: none; background-size: 300% 100%; font-size: 14px; color:#fff; position: relative; min-width: 140px; }
.social_button > a:hover { text-decoration: none; background-position: 100% 0;  moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out;  transition: all .4s ease-in-out; }
.social_button > a > i { color: #fff; width: 50px; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 20px; position: absolute; left: 0; top: 0; }
.social_button > a > i:before { transform: translateX(3px); }
.social_button.social_button_facebook > a {background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #2f4b87);
    box-shadow: 0 2px 10px 0 rgba(65, 132, 234, 0.75); }
.social_button.social_button_facebook > a i { background: #2f4b87; }
.social_button.social_button_google > a {  background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19);
    box-shadow: 0 2px 10px 0 rgba(229, 66, 10, 0.75); }
.social_button.social_button_google > a i { background:#f07c1f; }
.social_button.social_button_twitter > a { background-image: linear-gradient(to right, #1da1f2, #4481eb, #04befe, #0887d6);
    box-shadow: 0 2px 10px 0 rgba(65, 132, 234, 0.75); }
.social_button.social_button_twitter > a i { background:#3c88ec; }
.social_button.social_button_linkedin > a { background-image: linear-gradient(to right, #25aae1, #4481eb, #25aae1, #3f86ed);
    box-shadow: 0 2px 10px 0 rgba(65, 132, 234, 0.75); }
.social_button.social_button_linkedin > a i { background:#25aae1; }
.social_button.social_button_yahoo > a {  background-image: linear-gradient(to right, #6253e1, #852D91, #A3A1FF, #F24645);
    box-shadow: 0 2px 10px 0 rgba(126, 52, 161, 0.75); }
.social_button.social_button_yahoo > a i { background:#600095; }
.social_button.social_button_github > a { background-image: linear-gradient(to right, #24292e, #2b3137, #5e6266, #1e1e1e);
    box-shadow: 0 2px 10px 0 rgba(65, 132, 234, 0.75);  }
.social_button.social_button_github > a i { background:#2b3137; }
.social_button.social_button_foursquare > a { background-image: linear-gradient(to right, #25a0ca, #4481eb, #1d80a2, #3f86ed);
    box-shadow: 0 2px 10px 0 rgba(65, 132, 234, 0.75);  }
.social_button.social_button_foursquare > a i { background:#16627c ; }
.social_button.social_button_disqus > a { background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376);
    box-shadow: 0 2px 10px 0 rgba(45, 54, 65, 0.75); }
.social_button.social_button_disqus > a i { background:#485563; }
.social_button.social_button_reddit > a {  background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f);  box-shadow: 0 2px 14px rgba(242, 97, 103, .4);}
.social_button.social_button_reddit > a i { background:#b63202; }


@media only screen and (max-width: 567px) {
    .social_button { margin:5px; }
    .social_button > a { min-width: auto; }
}
@media only screen and (max-width: 479px) {
    .pix-social-login-padding { justify-content: center;  }
    .social_button { margin:10px 0; }
}