.fm_login_wrapper {
padding: 20px;
max-width: 600px !important;
margin: 0 auto;
text-align: center;
}
.fs_auth_btn {
white-space: nowrap !important;
flex-grow: 1 !important;
background-color: #24292e;
color: #fff;
text-decoration: none;
padding: 5px 10px;
line-height: 1;
vertical-align: top;
display: flex;
align-items: center;
border-radius: 5px;
justify-content: center;
margin-bottom: 10px;
}
a.fs_auth_btn.fs_auth_google {
color: #24292e;
background: white;
border: 1px solid #23292f;
}
.fs_auth_btn svg {
margin-right: 5px;
}
.fs_auth_btn.fs_auth_github svg {
fill: white;
}
.fs_auth_btn.fs_auth_github:hover {
background: black;
color: white;
}
.fs_auth_btn.fs_auth_google:hover {
background: white;
color: black;
}
.fs_buttons_wrap {
display: flex;
}
.fs_buttons_wrap a {
margin: 10px;
}
.fs_auth_btn.fs_auth_facebook {
background-color: #4267B2;
color: white;
}
.fs_auth_btn.fs_auth_facebook:hover {
background-color: white;
color: #365899;
}
.fs_auth_btn.fs_auth_facebook svg {
fill: white !important;
}
.fs_auth_btn.fs_auth_facebook:hover svg {
fill: #365899 !important;
}
@media only screen and (max-width: 600px) {
.fs_buttons_wrap {
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
}
