html, body {
    height: 100%;
}
body {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
p {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: .8ch;
    margin: 0;
    text-transform: uppercase;
    font-size: 2.5vw;
    padding-block: .25em;
}
span {
    transition: all 1s var(--d, 0ms);
}
.space { margin-inline-start: -.8ch; flex: var(--f, 1); }
.interword { margin-inline: -.8ch; }

div:hover .space {
    flex: 0;
}