/* SSO Buttons Container - for side-by-side display */
.SignInButton-container .sso-buttons-wrapper {
    display: flex;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 40px;
}

/* Okta Button SVG Styles */
.SignInButton-container .sso-buttons-wrapper a:hover img[src*="okta-signin"],
.SignInButton-container .sso-buttons-wrapper a:hover img[src*="okta-signup"] {
    opacity: 0.85;
    filter: brightness(0.8);
}

.okta-fnt0 {
    font-size: 220px;
    font-family: 'Segoe UI Semibold', 'Segoe UI', 'Helvetica';
    text-decoration: none;
    text-anchor: middle;
}

/* Ensure both SSO button SVGs align properly */
.SignInButton-container .sso-buttons-wrapper a svg.SignInButton {
    display: block;
}

/* Ensure both button links are aligned */
.SignInButton-container .sso-buttons-wrapper > a {
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
}

/* Additional spacing for SignInButton-container */
.SignInButton-container {
    padding-bottom: 40px !important;
}

/* Increase padding-bottom for login-page-section when SSO buttons are present */
#login-page-section {
    padding-bottom: 5rem !important;
}

@media (max-width: 768px) {
    .SignInButton-container .sso-buttons-wrapper {
        flex-direction: column;
        gap: 10px;
    }
}