.call-to-action {
	--title-color: var(--gray-100);
	--subtitle-color: var(--gray-100);
    --icon-color: var(--gray-100);
    --title-font-family: var(--font-display);
    --subtitle-font-family: var(--font-body);
}

.call-to-action .inner {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.call-to-action .content {
    margin-top: -28px;
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.call-to-action .content .cta-btn {
    padding: 12.55px 19px;
    max-height: 36px;
    background-color: var(--green-a2);
    border-radius: 32px;
    box-shadow: 1.58px 1.58px 6.32px #00000014;
    transform-origin: left;
}

.call-to-action .content .cta-btn .arrow {
    width: 16px;
}

.call-to-action .content .cta-btn .arrow.hover {
    width: 22px;
    display: none;
}

@media (hover: hover) {
    .call-to-action:hover .content .cta-btn {
        transform: translate(2px, 0px);
    }

    .call-to-action:hover .content .cta-btn .arrow.hover {
        display: block;
    }

    .call-to-action:hover .content .cta-btn .arrow.default {
        display: none;
    }
}

@media screen and (min-width: 64em) {
}