:root {
    --pros-trade-surface-container: #f1edf3;
    --pros-trade-on-surface: #1b1b1e;
    --pros-trade-on-surface-variant: #434653;
    --pros-trade-primary: #003c90;
    --pros-trade-on-primary: #ffffff;
    --pros-trade-outline-variant: #c3c6d5;
}

.pros-trade-cta {
    background-color: var(--pros-trade-surface-container);
    padding: 4rem 16px; /* py-16 px-margin-mobile */
    border-bottom: 1px solid var(--pros-trade-outline-variant);
    text-align: center;
    font-family: 'Inter', sans-serif;
}

.pros-trade-cta__container {
    max-width: 48rem; /* max-w-3xl */
    margin: 0 auto;
}

.pros-trade-cta__heading {
    font-size: 32px; /* headline-lg */
    font-weight: 600;
    line-height: 1.2;
    color: var(--pros-trade-on-surface);
    margin-top: 0;
    margin-bottom: 1rem; /* mb-4 */
}

.pros-trade-cta__text {
    font-size: 18px; /* body-lg */
    color: var(--pros-trade-on-surface-variant);
    margin: 0 0 2rem 0; /* mb-8 */
    line-height: 1.5;
}

.pros-trade-cta__btn {
    display: inline-block;
    background-color: var(--pros-trade-primary);
    color: var(--pros-trade-on-primary);
    padding: 1rem 2rem; /* px-8 py-4 */
    font-size: 14px; /* label-caps */
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-radius: 0.25rem; /* rounded */
    text-decoration: none;
    transition: opacity 0.2s ease-in-out;
}

.pros-trade-cta__btn:hover {
    opacity: 0.9;
    text-decoration: none;
    color: var(--pros-trade-on-primary);
}