/* Inherited surface tokens also handle light cards inside dark sections. */
:is(.h-dark, .h-charcoal, .bg-primary, .bg-secondary, .from-primary, .from-secondary) {
    --calendly-cta-background: transparent;
    --calendly-cta-color: #fff;
    --calendly-cta-border: #fff;
    --calendly-cta-hover-background: transparent;
    --calendly-cta-hover-color: #fff;
    --calendly-cta-hover-shadow: 0 0 0 1px #fff;
}
:is(.bg-white, .bg-offwhite, .bg-accent),
.h-legacy main > section:first-child {
    --calendly-cta-background: #fff;
    --calendly-cta-color: #082652;
    --calendly-cta-border: #2c58dd;
    --calendly-cta-hover-background: #ebf7fd;
    --calendly-cta-hover-color: #2c58dd;
    --calendly-cta-hover-shadow: none;
}

a.calendly-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    margin: 0.375rem;
    padding: 1rem 1.75rem;
    border: 1px solid var(--calendly-cta-border, #2c58dd);
    border-radius: 999px;
    background: var(--calendly-cta-background, #fff);
    color: var(--calendly-cta-color, #082652);
    font-family: inherit;
    font-size: 15px;
    font-weight: 600;
    min-height: 52px;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    transition: background-color 150ms, color 150ms, box-shadow 150ms;
}
a.calendly-cta:hover {
    background: var(--calendly-cta-hover-background, #ebf7fd);
    color: var(--calendly-cta-hover-color, #2c58dd);
    box-shadow: var(--calendly-cta-hover-shadow, none);
}
a.calendly-cta:focus-visible {
    outline: 3px solid var(--calendly-cta-border, #2c58dd);
    outline-offset: 3px;
}
.flex:has(> .calendly-cta) { flex-wrap: wrap; }
@media (max-width: 639px) {
    .calendly-cta { width: 100%; margin: 0.375rem 0; }
}

.h-actions > .calendly-cta { margin: 0; }