.cta-wrapper {
    text-align: center;
    display: flex;
    justify-content: center;
}
.cta{
    border: 1px solid var(--color-black);
    color: var(--color-black);
    text-transform: uppercase;
    display: flex;
    background-color: #FFFFFF;
}
.cta span{
    border: 1px solid var(--color-black);
    color: var(--color-black);
    text-transform: uppercase;
    padding: 12px 36px;
    font-size: var(--button-font-size);
    line-height: var(--button-line-height);
    font-family: var(--unineue-regular);
}
.cta:after{
    content: '';
    display: block;
    background-color: var(--color-black);
    color: var(--color-black);
    width: 57px;
    height: 100%;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="34.022" height="30.922" viewBox="0 0 34.022 30.922"><g transform="translate(0 1.207)"><line x2="33.607" transform="translate(0 14.254)" fill="none" stroke="%23fff" stroke-miterlimit="10" stroke-width="1"/><path d="M79.017,29.569,93.271,15.315,79.017,1.061Z" transform="translate(-59.956 -1.061)" fill="none" stroke="%23fff" stroke-miterlimit="10" stroke-width="1"/></g></svg>');
    background-repeat: no-repeat;
    background-position: center;
    flex-grow: 0;
    flex-shrink: 0;
}


.cta.cta-small span{
    padding: 6px 24px;
}
.cta.cta-small:after{
    width: 43px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="25.84" height="23.92" viewBox="0 0 25.84 23.92"><g transform="translate(0 1.207)"><line x2="25.353" transform="translate(0 10.753)" fill="none" stroke="%23fff" stroke-miterlimit="10" stroke-width="1"/><path d="M79.017,22.567,89.77,11.814,79.017,1.061Z" transform="translate(-64.637 -1.061)" fill="none" stroke="%23fff" stroke-miterlimit="10" stroke-width="1"/></g></svg>');
}



@media (max-width: 850px) {

    .cta span{
        border: 1px solid var(--color-black);
        color: var(--color-black);
        text-transform: uppercase;
        padding: 12px 24px;
        font-size: var(--button-font-size);
        line-height: var(--button-line-height);
        font-family: var(--unineue-regular);
    }

}

@media (min-width: 480px) and (max-width: 1350px) {

    .cta{
        transform: scale(clamp(0.059rem, 0.057rem + 0.007vw, 0.063rem));
    }

}
