如何让border在动画结束后消失

.title::before {
    content: attr(data-text);
    position: absolute;
    color: #6cf;
    overflow: hidden;
    white-space: nowrap;
    border-right: 3px solid;
    animation: word 3s cubic-bezier(0.5, 0, 0, 0.5) 1;
    filter: drop-shadow(0 0 7vmin #cff) drop-shadow(0 0 2vmin #39c);
}
@keyframes word {
    0% {
        width: 0%;
    }
    100% {
        width: 100%;
    }
}

问：如何让文字最后的竖线在动画结束后消失

第16行后再加border-right: 0px solid;