.free-shipping-progress {
    text-align: center;
    margin-bottom: 1rem;

    p {
        margin-bottom: 0;
    }

    em {
        font-style: normal;
        color: var(--color-primary);
    }

    progress {
        width: 100%;
        height: 5px;
        border-radius: 0;
        border: 0;
        background: var(--bs-gray-200);

        &[value] {
            -webkit-appearance: none;
            appearance: none;
        }

        &::-webkit-progress-value {
            background-color: var(--color-primary);
        }
        
        &::-moz-progress-bar {
            background-color: var(--color-primary);
        }

        &::-ms-fill {
            background-color: var(--color-primary);
        }
    }
}