.form-content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.form-content > * {
    margin: var(--spacing-lg)
}

input {
    width: 300px;
}

.radio-select, .input-field {
    display: none;
}

.radio-select:checked + .input-field {
    display: flex;
}

#emailRadio:checked ~ .switch-field > #emailLabel,
#phoneRadio:checked ~ .switch-field > #phoneLabel {
    background-color: var(--primary);
    border-color: var(--primary);
    color: var(--white);
}


#emailRadio:checked ~ .email-input,
#phoneRadio:checked ~ .phone-input {
    display: flex;
}