@import '../../../_common/scss/_main.scss';

.LoginButtonComponent {
    margin-bottom: $gutter;
    align-items: center;
    background-color: #1878F3;

    &.dcom-button {
        padding: 0;
    }

    &__img {
        width: 20px;
        height: 20px;
    }

    &__icon {
        font-size: 20px;

        &.icon-fb_logo {
            background-color: #1878F3;
            font-size: 23px;
        }
    }

    &__iconWrap {
        flex: 0 0 38px;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 38px;

        &--google {
            background: $white;
        }

    }

    &__text {
        flex: 1;
        align-items: center;
        display: flex;
        justify-content: center;

        &--google {
            // google guidelines
            font-size: $font-size-h4;
        }
    }

    &__Child {
        display: flex;
        flex-flow: row nowrap;
        align-content: center;
        padding-left: 1px;
    }
}