.bsb-btn-xl {
    --bs-btn-padding-y    : 0.625rem;
    --bs-btn-padding-x    : 1.25rem;
    --bs-btn-font-size    : calc(1.26rem + 0.12vw);
    --bs-btn-border-radius: var(--bs-border-radius-lg)
}

section.custom-flex {
    display        : flex;
    width          : 100%;
    align-items    : center;
    justify-content: center;
    height         : 100vh;
    background     : #54af3a17;

}

.login-with-google-btn:hover {
    box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 2px 4px rgba(0, 0, 0, .25);
}

.login-with-google-btn:active {
    background-color: #eee;
}

.login-with-google-btn:focus {
    outline   : none;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 2px 4px rgba(0, 0, 0, .25), 0 0 0 3px #c8dafc;
}

.login-with-google-btn:disabled {
    filter          : grayscale(100%);
    background-color: #ebebeb;
    box-shadow      : 0 -1px 0 rgba(0, 0, 0, .04), 0 1px 1px rgba(0, 0, 0, .25);
    cursor          : not-allowed;
}


@media(min-width:1200px) {
    .bsb-btn-xl {
        --bs-btn-font-size: 1.35rem
    }
}

.bsb-btn-2xl {
    --bs-btn-padding-y    : 0.75rem;
    --bs-btn-padding-x    : 1.5rem;
    --bs-btn-font-size    : calc(1.27rem + 0.24vw);
    --bs-btn-border-radius: var(--bs-border-radius-lg)
}

@media(min-width:1200px) {
    .bsb-btn-2xl {
        --bs-btn-font-size: 1.45rem
    }
}

.bsb-btn-3xl {
    --bs-btn-padding-y    : 0.875rem;
    --bs-btn-padding-x    : 1.75rem;
    --bs-btn-font-size    : calc(1.28rem + 0.36vw);
    --bs-btn-border-radius: var(--bs-border-radius-lg)
}

@media(min-width:1200px) {
    .bsb-btn-3xl {
        --bs-btn-font-size: 1.55rem
    }
}

.bsb-btn-4xl {
    --bs-btn-padding-y    : 1rem;
    --bs-btn-padding-x    : 2rem;
    --bs-btn-font-size    : calc(1.29rem + 0.48vw);
    --bs-btn-border-radius: var(--bs-border-radius-lg)
}

@media(min-width:1200px) {
    .bsb-btn-4xl {
        --bs-btn-font-size: 1.65rem
    }
}

.bsb-btn-5xl {
    --bs-btn-padding-y    : 1.125rem;
    --bs-btn-padding-x    : 2.25rem;
    --bs-btn-font-size    : calc(1.3rem + 0.6vw);
    --bs-btn-border-radius: var(--bs-border-radius-lg)
}

@media(min-width:1200px) {
    .bsb-btn-5xl {
        --bs-btn-font-size: 1.75rem
    }
}