.sid-login .ext-social-login {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #d8d8d8;
}
.ext-social-login__text { margin-bottom: 8px; }
.ext-social-login__button {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-right: 8px;
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24), 0 0 2px rgba(0, 0, 0, 0.12);
}
[dir="rtl"] .ext-social-login__button {
    margin-right: 0;
    margin-left: 8px;
}
.ext-social-login__button:hover,
.ext-social-login__button:focus { outline: 3px solid rgba(66, 133, 244, 0.3); }
.ext-social-login__button:active {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.12);
    outline: none;
}
.ext-social-login__button-icon {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.ext-social-login__button--google { background-color: #fff; }
.ext-social-login__button--google:active { background-color: #eee; }
.ext-social-login__button--github {
    background-color: #000;
    fill: #fffffe;
}
.ext-social-login__button--github:active { background-color: #3d3d3d; }
.ext-social-login__button--facebook {
    background-color: #2553b4;
    fill: #fff;
}
.ext-social-login__button--facebook:active { background-color: #536fa9; }
.ext-social-login__button--github.ext-social-login__button--unlinked,
.ext-social-login__button--facebook.ext-social-login__button--unlinked { fill: #8d8d8d; }
.ext-social-login__button--unlinked,
.ext-social-login__button--unlinked:hover,
.ext-social-login__button--unlinked:focus,
.ext-social-login__button--unlinked:active {
    background-color: rgba(0, 0, 0, 0.08);
    box-shadow: none;
    outline: none;
    -webkit-filter: grayscale(100%);
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter');
    filter: grayscale(100%);
}