CSS difference between tag and tag

I am using CSS reset you can find here : https://meyerweb.com/eric/tools/css/reset/

Here is the HTML code :

<input class="submitForm" type="submit" value="Confirm" />
<a class="cancelForm" href="">Cancel</a>

Here is the CSS code :

.submitForm {
    text-decoration: none;
    font-family: "Aero Matics", sans-serif;
    color: #FFFFFF;
    font-size: 20px;
    padding: 20px;
    background-color: #65BCF1;
    border: 0px none;
    font-weight:bold;
    float:right;
    cursor: pointer;
}

.cancelForm {
    text-decoration: none;
    font-family: "Aero Matics", sans-serif;
    color: #FFFFFF;
    font-size: 20px;
    padding: 20px;
    background-color: #ff9667;
    border: 0px none;
    font-weight:bold;
    float:left;
}

Here is the issue :

https://imgur.com/6xC2onI

On the image, you can see a blank line under the Cancel button.

My question is : Which CSS property should I use to make my "tag < a > based button" the exact same size than Confirm button ? (I wan buttons start from same height and fullfill to bottom of the page without blank line).