form {
    width: 100%;
    > *:not(:last-child) {
        display: block;
        margin-bottom: .7rem;
        input, textarea {
            padding: .2rem .4rem;
            margin-top: .3rem;
            width: 100%;
            border-radius: .2rem;
            border: none;
        }
    }
    input[type=submit] {
        border: none;
        border-radius: .2rem;
        background-color: var(--contrast);
        color: var(--accent-contrast);
        padding: .4rem;
        &:hover, &:focus {
            background-color: var(--accent);
            transition: all var(--transition-fast);
            cursor: pointer;
        }
    }
    input[type=checkbox], input[type=submit] {
        width: unset;
        margin-top: unset;
    }

    .mandatory:before {
        content: "*";
        color: var(--warn);
        margin-right: 0.2rem;
    }
}