input,
textarea,
select {
    width: 100%;

    padding: 0.75rem 1rem;

    border: 1px solid var(--color-gray-300);
    border-radius: var(--radius-md);

    background: var(--color-white);
    color: var(--color-black);

    outline: none;

    transition: var(--transition-fast);
}

input:focus,
textarea:focus,
select:focus {
    border-color: var(--color-red);

    box-shadow:
        0 0 0 3px rgba(229, 9, 20, 0.1);
}

label {
    display: block;

    margin-bottom: 0.4rem;

    font-weight: 600;
}