
.progress {
    padding-top: 19.5em;
    border-radius: 1.75em;
    min-width: 38em;
    margin-top: 1em;
    margin-left: 41vw;
    margin-right: auto;
    text-align: center;
    display: flex;
    flex-direction: column;

    progress {
        border-radius: 1.75em;
        height: 24px;
        background: #131313;
        border: none;
        width: 100%;
        max-width: 100%;

        &::-webkit-progress-bar, &::-moz-progress-bar {
            background: #62C554;
            box-shadow: inset 0 0 1em 1px black;
            border-radius: 1.75em;
        }
    }

    .status {
        margin-top: 3em;
        display: flex;
        width: 100%;
        max-width: 100%;

        .status-text {
            flex: 1;
            color: #656565;
            font-size: 10px;
            line-height: 12.1px;
            font-family: Inter;
            font-weight: 700;
            text-transform: uppercase;
            text-align: left;
        }

        .status-percent {
            flex: 1;
            color: #D9D9D9;
            font-size: 10px;
            line-height: 12.1px;
            font-family: Inter;
            font-weight: 700;
            text-align: right;
        }
    }
}
