.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; } }