.input-error-message {
    margin-top: 2px;
    color: var(--veg-pickup);
}

.er-text {
    color: var(--form-error-text);
}

.order-int-input {
    width: 100%;
    padding: 6px 16px;
    font-size: 16px;
    color: var(--veg-black);
    background-color: var(--veg-white);
    border: 2px solid var(--veg-green);
    border-radius: 20px;
    box-sizing: border-box;
    transition: border-color 0.3s, box-shadow 0.3s;
}

.order-int-input:focus {
    border-color: var(--veg-green);
    box-shadow: 0 0 12px var(--veg-green-brighter);
    outline: none;
}

.form-conf-button {
    background-color: var(--veg-green);
    color: var(--veg-black);
    border-radius: 3.125rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.4rem 1rem;
    border: 1px solid var(--veg-green);
    text-decoration: none;
    transition: background-color 0.25s ease;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.form-conf-button:hover {
    background-color: var(--veg-green-brighter);
    border: 1px solid var(--veg-green-brighter);
}

.order-conf-button {
    background-color: var(--veg-pickup);
    color: var(--veg-white);
    border-radius: 3.125rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.4rem 1rem 0.6rem 1rem;
    border: 1px solid var(--veg-pickup);
    text-decoration: none;
    transition: background-color 0.25s ease;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.order-conf-button:hover{
    background-color: var(--veg-pickup-brighter);
    border: 1px solid var(--veg-pickup-brighter);
}

.order-str-input {
    width: 100%;
    padding: 6px 16px;
    font-size: 16px;
    color: var(--veg-black);
    background-color: var(--veg-green);
    border: 2px solid var(--veg-green-darker);
    border-radius: 22px;
    box-sizing: border-box;
    transition: border-color 0.3s, box-shadow 0.3s;
}

.order-str-input:focus {
    border-color: var(--veg-green-darker);
    box-shadow: 0 0 10px var(--veg-green-darker);
    background-color: var(--veg-green);
    outline: none;
}

input.order-str-input:-webkit-autofill {
    transition: background-color 5000s ease-in-out 0s;
}

.form-field-container {

}

.form-field-container input {
    border: 2px solid var(--form-error-text);
    background: transparent;
}

.form-field-container input:focus {
    border: 2px solid var(--form-error-text);
    background: transparent;
    box-shadow: 0 0 5px var(--form-error-text);
}

.str-input-label {
    margin-bottom: 0.25rem;
}

.order-radio-input {
    width: 0.9rem;
    height: 0.9rem;
    accent-color: #c2cb08;
    cursor: pointer;
}

.terms-conditions {
    color: var(--veg-black);
    transition: color 0.5s ease;
}

.terms-conditions:hover {
    color: var(--veg-green);
}