multiple animations with transition on one of them

.contactLinksAnimation {
        outline-color: theme(colors.primaryColor);
        animation-name: contactLinksBlink;
        animation-duration: 0.2s;
        animation-direction: alternate;
        animation-timing-function: linear ease;
        animation-iteration-count: 6;
    }

    @keyframes contactLinksBlink {
        0% {
            outline-offset: 0;
        }

        100% {
            outline-offset: 1em;
        }
    }