.horizontal-flex-nowrap {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}
.cta {
    border: none;
    margin: 0 auto;
    text-decoration: none;
    background: var(--CTA-green);
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    transition: all 250ms ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.cta:hover,
.cta:focus {
    background: var(--CTA-green);
}
.cta:hover > .cta-next-icon {
    transition: all 250ms ease-in-out;
    transform: translateX(4px);
}

.cta:focus {
    outline: 1px solid #fff;
    outline-offset: -4px;
}

.cta:active {
    transform: scale(0.99);
}
.cta{
    padding: var(--padding-s) var(--padding-m) var(--padding-s) var(--padding-l);
    border-radius: var(--border-radius-50);
}
.cta > p {
    white-space: nowrap;
    margin-right: var(--margin-m);
    font-size: var(--font-size-l);
}
@media screen and (min-width: 720px) {
    .cta {
        margin: 0;
    }
}