.call-to-action {
    position: relative;
}

.call-to-action .inner {
    display: flex;
    justify-content: center;
    transform: translate(0px, -95px);
}

.call-to-action .badge {
    position: absolute;
    width: 168px;
}

.call-to-action .badge.hover {
    opacity: 0;
}

@media (hover: hover) {
    .call-to-action a:hover .badge.hover{
        opacity: 1;
    }

    .call-to-action a:hover .badge:not(.hover){
        opacity: 0;
        transition: opacity, var(--transition-appendix);
    }
}

@media screen and (min-width: 64em) {
    .call-to-action .badge {
       right: 0;
        width: 140px;
    }

    .call-to-action .inner {
        transform: translate(-4%, -60px);
    }
}

@media screen and (min-width: 1190px) {
    .call-to-action .inner {
        transform: translate(-7%, -60px);
    }

    .call-to-action .badge {
        width: 255px;
    }
}

@media screen and (min-width: 90em) {
    .call-to-action .inner {
        transform: translate(-16%, -95px);
    }
}