body {
    font-size: 8vw;
}
a {
    text-decoration: none;
    pointer-events: none;
    animation: anima 5s forwards;
    animation-play-state: paused;
}

.wrap {
    position: relative;
}

.wrap::after {
    content: "";
    position: absolute;
    inset: .4em 0 .2em;
    background: #000000;
    box-sizing: content-box;
    z-index: 2;
    transition: all 5s;
}
.wrap:hover::after{
    background: transparent; 
    pointer-events: none;
}
.wrap:hover a{
    animation-play-state: running;
}

@keyframes anima {
    70%{ pointer-events: none;}
    71%{ pointer-events: all;}
    100%{ pointer-events: all;}
}