.rsusersociallogin.rsusersignin {
    margin: 0.55rem auto 0;
}

.frame-type-felogin_login + .frame-type-rsusersociallogin_sociallogin .rsusersociallogin.rsusersignin,
.frame-type-rsusersignin_signup + .frame-type-rsusersociallogin_sociallogin .rsusersociallogin.rsusersignin {
    margin-top: -2rem;
}

.rsusersociallogin__section {
    display: grid;
    gap: 0.7rem;
}

.rsusersociallogin__header {
    display: grid;
    gap: 0.18rem;
    justify-items: center;
    text-align: center;
}

.rsusersociallogin__title {
    margin: 0;
    color: #5f513f;
    font-size: 0.95rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.rsusersociallogin__intro {
    max-width: 36rem;
    margin: 0;
    color: #7b6850;
    font-size: 0.96rem;
    line-height: 1.6;
}

.rsusersociallogin__actions {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-content: center;
}

.rsusersociallogin__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.85rem;
    width: 100%;
    min-width: 0;
    min-height: 3.5rem;
    padding: 0.55rem 1.1rem 0.55rem 0.7rem;
    box-sizing: border-box;
    border: 1px solid rgba(101, 83, 58, 0.18);
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(249, 244, 236, 0.96));
    box-shadow: 0 12px 24px rgba(74, 51, 28, 0.08);
    color: #2a1f16;
    text-decoration: none;
    transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

.rsusersociallogin__button:hover,
.rsusersociallogin__button:focus {
    transform: translateY(-1px);
    border-color: rgba(91, 61, 31, 0.3);
    box-shadow: 0 16px 30px rgba(74, 51, 28, 0.12);
    text-decoration: none;
}

.rsusersociallogin__button:focus-visible {
    outline: 0;
    box-shadow:
        0 0 0 4px rgba(91, 61, 31, 0.12),
        0 16px 30px rgba(74, 51, 28, 0.12);
}

.rsusersociallogin__button-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 999px;
    background: #fff;
    box-shadow: inset 0 0 0 1px rgba(66, 133, 244, 0.12);
    flex: 0 0 auto;
}

.rsusersociallogin__button-icon {
    font-size: 1.15rem;
    font-weight: 700;
    line-height: 1;
    background: linear-gradient(135deg, #4285f4 0 24%, #34a853 24% 50%, #fbbc05 50% 74%, #ea4335 74% 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.rsusersociallogin__button--apple .rsusersociallogin__button-mark {
    box-shadow: inset 0 0 0 1px rgba(42, 31, 22, 0.12);
}

.rsusersociallogin__button--apple .rsusersociallogin__button-icon {
    background: none;
    color: #1f1a17;
}

.rsusersociallogin__button-text {
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 0.01em;
}

.rsusersociallogin__actions > :only-child {
    grid-column: 1 / -1;
    max-width: 28rem;
    width: min(100%, 28rem);
    justify-self: center;
}

@media (max-width: 840px) {
    .rsusersociallogin.rsusersignin {
        margin: 0.45rem auto 0;
    }

    .frame-type-felogin_login + .frame-type-rsusersociallogin_sociallogin .rsusersociallogin.rsusersignin,
    .frame-type-rsusersignin_signup + .frame-type-rsusersociallogin_sociallogin .rsusersociallogin.rsusersignin {
        margin-top: -1.7rem;
    }

    .rsusersociallogin__actions {
        grid-template-columns: 1fr;
    }

    .rsusersociallogin__button {
        width: 100%;
    }
}