.social-sign-in {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 24px;
}
.social-sign-in__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 234px;
    width: 234px;
    height: 52px;
    box-sizing: border-box;
    border-radius: 5px;
    text-decoration: none;
    text-transform: none;
    letter-spacing: normal;
    white-space: nowrap;
}
.social-sign-in__button:focus-visible {
    outline: 3px solid #1f1f1f;
    outline-offset: 4px;
}
.social-sign-in__google img {
    display: block;
    width: 234px;
    height: 52px;
}
.social-sign-in__google:hover {
    box-shadow: 0 1px 4px rgb(0 0 0 / 20%);
}
.social-sign-in__facebook,
.social-sign-in__facebook:visited {
    gap: 10px;
    padding: 0 12px;
    background: #1877f2;
    color: #fff;
    font: 600 14px/20px Helvetica, Arial, sans-serif;
}
.social-sign-in__facebook:hover,
.social-sign-in__facebook:active {
    background: #166fe5;
    color: #fff;
    text-decoration: none;
}
.social-sign-in__facebook img {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}