.CallToAction {
    --cta-font-size: .875rem;
    --cta-padding-y: .30rem;
    --cta-padding-x: 3rem;
    --cta-border-color: var(--color-primary);
    --cta-color: var(--color-white);
}

    .CallToAction .tp-cta {
        font-family: var(--font-noto);
        padding: var(--cta-padding-y)var(--cta-padding-x);
        font-size: var(--cta-font-size);
        border-radius: 0.4rem;
        min-height: 3.24rem;
    }

    .CallToAction a label {
        cursor: pointer;
        justify-content: center;
        font-weight: var(--font-weight-bold);
        font-family: var(--font-noto);
        font-size: 14px;
    }

    .CallToAction .tp-cta-variation {
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
        font-weight: bold;
        cursor: pointer;
    }

@media (min-width:768px) {
    .CallToAction .tp-cta {
        --cta-font-size: 1.125rem;
        /*--cta-padding-x: 4rem*/
    }
}

@media (min-width:992px) {
    .CallToAction .tp-cta {
        --cta-font-size: 1.25rem;
        /*--cta-padding-x: 4.5rem*/
    }
}