HTML Demo: <input type="reset">

<form>
    <fieldset>
        <legend>Sign in to your account</legend>
        <div class="controls">

            <label for="id">User ID:</label>
            <input type="text" id="id" name="id" />

            <label for="pwd">Password:</label>
            <input type="password" id="pwd" name="pwd" />

            <input type="reset" value="Reset" />
            <input type="submit" value="Submit" />

        </div>
    </fieldset>
</form>

legend {
    background-color: #000;
    color: #fff;
    padding: 3px 6px;
}

.output {
    font: 1rem 'Fira Sans', sans-serif;
}

.controls {
    padding-top: 1rem;
    display: grid;
    grid-template-rows: repeat(4, 1fr);
    grid-template-columns: 1fr 2fr;
    gap: .7rem;
}

label {
    font-size: .8rem;
    justify-self: end;
}

input[type='reset'],
input[type='submit'] {
    width: 5rem;
    justify-self: end;
}

input[type='reset'] {
    grid-column: 2;
    grid-row: 3;
}

input[type='submit'] {
    grid-column: 2;
    grid-row: 4;
}

Output