.progress_center_message_outer {
    width: 100%;
    display: flex;
    justify-content: center;
}

.progress_center_message {
    font-size: 2rem;
    margin: 4rem 1rem;
    padding: 0.25rem 1rem;
    font-weight: bold;
    position: relative;
}

.progress_center_message.orange {
    border: 1px solid var(--col-orange-full);
    background: var(--col-orange-light);
}

.progress_center_message.green {
    border: 1px solid var(--col-green-full);
    background: var(--col-green-light);
}

.progress_center_message.red {
    border: 1px solid var(--col-red-full);
    background: var(--col-red-light);
}

.progress_center_message span {
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    right: 0;
    height: 4px;

    animation-name: pcm_progress;
    animation-timing-function: linear;
}

.progress_center_message.orange span { background: var(--col-orange-full); }
.progress_center_message.green span { background: var(--col-green-full); }

@keyframes pcm_progress {
    from { width: 0;   }
    to   { width: 100%; }
}