/* Social sign-in buttons (Google / Facebook), used by Account/RegisterStudent */
.btn-signin-socials {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: fit-content;
    gap: 1rem;
}

.btn-signin-social {
    --_btn-icon-clr: var(--white-clr);
    --_btn-icon-txt-clr: var(--black-clr);

    width: 100%;
    padding: 0.5rem;
    line-height: 1;
    display: flex;
    align-items: center;
    gap: 0.875rem;
    border-radius: 50%;
    border: 1px solid #ffc5e5;
    background-color: var(--white-clr);
    min-width: 0 !important;
    color: var(--black-clr);
    font-family: var(--ff-roboto);
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1;
    transition: box-shadow 300ms ease;

    &:hover {
        box-shadow: 0 6px 12px hsl(from var(--text-clr-700) h s l / 0.15);
    }

    .iconify {
        font-size: var(--fs-650);
    }

    .btn-text {
        display: none;
    }
}