.wp-social-login-provider-list {
  max-width: 358px;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
} 
.wp-social-login-widget-clearing { }

/* all buttons */
.wp-social-login-provider {
flex: 1;
border-radius: 5px;
padding: 10px;
margin: 5px;
font-size: 1rem;
text-align: center;
color: #fff!important;
text-transform: uppercase;
box-sizing: border-box;
background-color: #757575;
}
.wp-social-login-provider:hover { color: #fff; }
.wp-social-login-provider:active { color: #fff; }

/* google */
.wp-social-login-provider-google { background-color: #dd4b39; }
.wp-social-login-provider-google:hover { background-color: #c23321; }
.wp-social-login-provider-google:active { background-color: #c23321; }

/* linkedin */
.wp-social-login-provider-linkedin { background-color: #007bb6; }
.wp-social-login-provider-linkedin:hover { background-color: #005983; }
.wp-social-login-provider-linkedin:active { background-color: #005983; }

/* facebook */
.wp-social-login-provider-facebook { background-color: #3b5998; }
.wp-social-login-provider-facebook:hover { background-color: #2d4373; }
.wp-social-login-provider-facebook:active { background-color: #2d4373; }

/* vkontakte */
.wp-social-login-provider-vkontakte { background-color: #587ea3; }
.wp-social-login-provider-vkontakte:hover { background-color: #466482; }
.wp-social-login-provider-vkontakte:active { background-color: #466482; }

/* twitter */
.wp-social-login-provider-twitter { background-color: #55acee; }
.wp-social-login-provider-twitter:hover { background-color: #2795e9; }
.wp-social-login-provider-twitter:active { background-color: #2795e9; }

/* yahoo! */
.wp-social-login-provider-yahoo { background-color: #720e9e; }
.wp-social-login-provider-yahoo:hover { background-color: #500a6f; }
.wp-social-login-provider-yahoo:active { background-color: #500a6f; }

/* instagram */
.wp-social-login-provider-instagram { background-image: linear-gradient(to left bottom, #bc1988, #c60e7c, #ce0770, #d40a63, #d81556, #dd284e, #e13746, #e3453e, #e8583a, #eb6a37, #ee7c36, #ef8c37); }
.wp-social-login-provider-instagram:hover { background-image: linear-gradient(to left bottom, #9b1a58, #b22b4d, #c24240, #cb5c32, #cd7725); }
.wp-social-login-provider-instagram:active { background-image: linear-gradient(to left bottom, #9b1a58, #b22b4d, #c24240, #cb5c32, #cd7725); }

/* reddit */
.wp-social-login-provider-reddit { background-color: #FF4300; }
.wp-social-login-provider-reddit:hover { background-color: #D43800; }
.wp-social-login-provider-reddit:active { background-color: #D43800; }

/* tumblr */
.wp-social-login-provider-tumblr { background-color: #2c4762; }
.wp-social-login-provider-tumblr:hover { background-color: #1c2d3f; }
.wp-social-login-provider-tumblr:active { background-color: #1c2d3f; }

/* foursquare */
.wp-social-login-provider-foursquare { background-color: #f94877; }
.wp-social-login-provider-foursquare:hover { background-color: #f71752; }
.wp-social-login-provider-foursquare:active { background-color: #f71752; }

/* github */
.wp-social-login-provider-github { background-color: #444; }
.wp-social-login-provider-github:hover { background-color: #2b2b2b; }
.wp-social-login-provider-github:active { background-color: #2b2b2b; }

/* odnoklassniki */
.wp-social-login-provider-odnoklassniki { background-color: #f4731c; }
.wp-social-login-provider-odnoklassniki:hover { background-color: #d35b0a; }
.wp-social-login-provider-odnoklassniki:active { background-color: #d35b0a; }

/* windows live */
.wp-social-login-provider-windowslive { background-color: #2672ec; }
.wp-social-login-provider-windowslive:hover { background-color: #125acd; }
.wp-social-login-provider-windowslive:active { background-color: #125acd; }

/* bitbucket */
.wp-social-login-provider-bitbucket { background-color: #205081; }
.wp-social-login-provider-bitbucket:hover { background-color: #163758; }
.wp-social-login-provider-bitbucket:active { background-color: #0f253c; }

/* wordpress */
.wp-social-login-provider-wordpress { background-color: #23292D; }
.wp-social-login-provider-wordpress:hover { background-color: #000; }
.wp-social-login-provider-wordpress:active { background-color: #000; }

/* disqus */
.wp-social-login-provider-disqus { background-color: #27A0FF; }
.wp-social-login-provider-disqus:hover { background-color: #167AC8; }
.wp-social-login-provider-disqus:active { background-color: #167AC8; }

/* stackoverflow */
.wp-social-login-provider-stackoverflow { background-color: #E87C25; }
.wp-social-login-provider-stackoverflow:hover { background-color: #B05912; }
.wp-social-login-provider-stackoverflow:active { background-color: #B05912; }

/* stackexchange */
.wp-social-login-provider-stackexchange { background-color: #1F4E91; }
.wp-social-login-provider-stackexchange:hover { background-color: #0E366E; }
.wp-social-login-provider-stackexchange:active { background-color: #0E366E; }

/* steam */
.wp-social-login-provider-steam { background-color: #878787; }
.wp-social-login-provider-steam:hover { background-color: #444; }
.wp-social-login-provider-steam:active { background-color: #444; }

/* dribbble */
.wp-social-login-provider-dribbble { background-color: #E34A85; }
.wp-social-login-provider-dribbble:hover { background-color: #B3406C; }
.wp-social-login-provider-dribbble:active { background-color: #B3406C; }

/* twitch.tv */
.wp-social-login-provider-twitchtv { background-color: #61409F; }
.wp-social-login-provider-twitchtv:hover { background-color: #3D2172; }
.wp-social-login-provider-twitchtv:active { background-color: #3D2172; }

/* mailru */
.wp-social-login-provider-mailru { background-color: #158DE1; }
.wp-social-login-provider-mailru:hover { background-color: #1169A6; }
.wp-social-login-provider-mailru:active { background-color: #1169A6; }

/* authentiq */
.wp-social-login-provider-authentiq { background-color: #2496D9; }
.wp-social-login-provider-authentiq:hover { background-color: #106BA1; }
.wp-social-login-provider-authentiq:active { background-color: #106BA1; }

/* eventbrite */
.wp-social-login-provider-eventbrite { background-color: #E85F24; }
.wp-social-login-provider-eventbrite:hover { background-color: #B24313; }
.wp-social-login-provider-eventbrite:active { background-color: #B24313; }

/* steemconnect */
.wp-social-login-provider-steemconnect { background-color: #04A1EF; }
.wp-social-login-provider-steemconnect:hover { background-color: #007CBA; }
.wp-social-login-provider-steemconnect:active { background-color: #007CBA; }

/* amazon */
.wp-social-login-provider-amazon { background-color: #FF9900; }
.wp-social-login-provider-amazon:hover { background-color: #EA8D04; }
.wp-social-login-provider-amazon:active { background-color: #EA8D04; }

/* discord */
.wp-social-login-provider-discord { background-color: #6E85D3; }
.wp-social-login-provider-discord:hover { background-color: #475B9E; }
.wp-social-login-provider-discord:active { background-color: #475B9E; }

/* gitlab */
.wp-social-login-provider-gitlab { background-color: #FC6D26; }
.wp-social-login-provider-gitlab:hover { background-color: #C2541D; }
.wp-social-login-provider-gitlab:active { background-color: #C2541D; }

/* spotify */
.wp-social-login-provider-spotify { background-color: #20B954; }
.wp-social-login-provider-spotify:hover { background-color: #179542; }
.wp-social-login-provider-spotify:active { background-color: #179542; }

/* wechat */
.wp-social-login-provider-wechat { background-color: #2DC101; }
.wp-social-login-provider-wechat:hover { background-color: #319313; }
.wp-social-login-provider-wechat:active { background-color: #319313; }

/* yandex */
.wp-social-login-provider-yandex { background-color: #E6322B; }
.wp-social-login-provider-yandex:hover { background-color: #BB2B2B; }
.wp-social-login-provider-yandex:active { background-color: #BB2B2B; }