/* Share row: keep the remaining icons centered after the email button was removed. */
.social-btns {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 0.35rem;
    text-align: center;
}

.social-btns .btn {
    margin: 0;
}

/* Current social brand marks (Font Awesome 5 does not ship fa-x-twitter) */
.fab.fa-x-twitter {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8l164.9-188.5L26.8 48H172.4l100.2 132.9L389.2 48zm-24.8 373.8h39.1L151.1 88h-42l255.3 333.8z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8l164.9-188.5L26.8 48H172.4l100.2 132.9L389.2 48zm-24.8 373.8h39.1L151.1 88h-42l255.3 333.8z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.fab.fa-x-twitter:before {
    content: none;
}

.social-btns .btn.x,
.btn.x {
    background-color: #000000;
    color: rgba(255, 255, 255, 0.9);
}

.social-btns .btn.x:hover,
.btn.x:hover {
    background-color: #141414;
    color: #ffffff;
}

.social-btns .btn.linkedin {
    background-color: #0a66c2;
    color: rgba(255, 255, 255, 0.9);
}

.social-btns .btn.linkedin:hover {
    background-color: #004182;
    color: #ffffff;
}

.btn.auth-btn.x {
    background-color: #000000;
    color: rgba(255, 255, 255, 0.9);
}

.btn.auth-btn.x:hover {
    background-color: #141414;
    color: #ffffff;
}

.btn.auth-btn.google {
    background-color: #4285f4;
    color: rgba(255, 255, 255, 0.9);
}

.btn.auth-btn.google:hover {
    background-color: #3367d6;
    color: #ffffff;
}

.btn.auth-btn.x i.fab.fa-x-twitter {
    float: left;
    margin-top: 0.15rem;
    font-size: 1.05em;
}