/* Lot 7.5C owner-review polish: final partner CTAs follow the Home Hero button authority. */
.about-page .home-partner-actions .home-account-application-btn,
.about-page .home-partner-actions .button.secondary {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-height: 46px !important;
    padding: 11px 20px !important;
    border: 1px solid var(--deep-space) !important;
    border-radius: 999px !important;
    text-decoration: none !important;
    font-weight: 750 !important;
    background-image: var(--gradient-hero) !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    background-size: 0 100% !important;
    background-origin: padding-box !important;
    background-clip: padding-box !important;
    transition:
        background-size .44s cubic-bezier(.22, 1, .36, 1),
        color .22s ease,
        border-color .22s ease,
        box-shadow .22s ease,
        transform .22s ease !important;
}

/* Same rest state as Account Application in the Home Hero: black pill, white content. */
.about-page .home-partner-actions .home-account-application-btn {
    background-color: var(--deep-space) !important;
    color: #fff !important;
}

/* Same rest state as Let's Talk in the Home Hero: white pill, black border/content. */
.about-page .home-partner-actions .button.secondary {
    background-color: #fff !important;
    color: var(--deep-space) !important;
    box-shadow: none !important;
}

/* Disable the older pseudo-element fills: they sat behind the white background and caused the disappearing-content bug. */
.about-page .home-partner-actions .home-account-application-btn::before,
.about-page .home-partner-actions .button.secondary::before {
    content: none !important;
}

/* The gradient fills the padding box only, so the black outline remains visible for the whole hover. */
.about-page .home-partner-actions .home-account-application-btn:hover,
.about-page .home-partner-actions .home-account-application-btn:focus-visible,
.about-page .home-partner-actions .button.secondary:hover,
.about-page .home-partner-actions .button.secondary:focus-visible {
    background-image: var(--gradient-hero) !important;
    background-size: 100% 100% !important;
    color: #fff !important;
    border-color: var(--deep-space) !important;
    box-shadow: 0 12px 30px rgba(180, 110, 233, .22) !important;
    transform: translateY(-2px) !important;
}

.about-page .home-partner-actions .home-account-application-btn > *,
.about-page .home-partner-actions .button.secondary > * {
    position: relative !important;
    z-index: 1 !important;
}

.about-page .home-partner-actions .home-account-application-btn svg,
.about-page .home-partner-actions .button.secondary svg {
    width: 18px !important;
    height: 18px !important;
}

@media (max-width: 560px) {
    .about-page .home-partner-actions .home-account-application-btn,
    .about-page .home-partner-actions .button.secondary {
        width: 100% !important;
        min-height: 49px !important;
    }
}