:root {
    --cta-1: var(--blue);
    --cta-2: var(--white);
    --cta-3: rgba(0, 0, 0, .1);
    --cta-4: transparent;
    --cta-5: var(--white)
}

.stoplight-footer-cta-module.purple {
    --cta-1: var(--purple)
}

.stoplight-footer-cta-module.lilac {
    --cta-1: var(--lilac);
    --cta-2: var(--midnight);
    --cta-5: var(--midnight)
}

.stoplight-footer-cta-module.red {
    --cta-1: var(--red)
}

.stoplight-footer-cta-module.orange {
    --cta-1: var(--orange)
}

.stoplight-footer-cta-module.yellow {
    --cta-1: var(--yellow);
    --cta-2: var(--midnight);
    --cta-5: var(--midnight)
}

.stoplight-footer-cta-module.green {
    --cta-1: var(--green);
    --cta-2: var(--midnight);
    --cta-5: var(--midnight)
}

.stoplight-footer-cta-module.teal {
    --cta-1: var(--teal);
    --cta-2: var(--midnight);
    --cta-5: var(--midnight)
}

.stoplight-footer-cta-module.light-blue {
    --cta-1: var(--light-blue);
    --cta-2: var(--midnight);
    --cta-5: var(--midnight)
}

.stoplight-footer-cta-module {
    display: inline-block;
    margin-top: 30px
}

a.cta-link {
    align-items: stretch;
    background: var(--cta-1);
    border-radius: 5px;
    color: var(--cta-2);
    display: flex;
    flex-flow: row nowrap;
    overflow: hidden
}

a.cta-link:hover {
    opacity: .9
}

.footer-cta-icon {
    align-items: center;
    background: var(--cta-3);
    display: flex;
    height: 50px;
    justify-content: center;
    width: 50px
}

.footer-cta-icon svg {
    height: 26px;
    width: auto
}

.footer-cta-text {
    align-items: center;
    background: var(--cta-4);
    color: var(--cta-5);
    display: flex;
    font-size: 1.25em;
    font-weight: 600;
    line-height: 1em;
    padding: 1px 18px 0
}