JSFiddle - React, Tailwind, and code Playground

HTML

<div class="menu">
    <input type="submit" value="Save Password" /> 
    <a href="?p=cancel" title="Cancel" class="cancel">Cancel</a>
</div>

CSS

.menu input,
.menu a {
    background-color: #01137F;
    border: 1px solid #fff;
    border-radius: 5px;
    box-shadow: 2px 2px 3px #666;
    color: #fff;
    cursor: pointer;
    font-family: Arial, sans-serif;
    font-size: 14px;
    margin-right: 5px;
    padding: 4px 10px;
    }

.menu a.cancel {
    background-color: #CE1F1F;
    text-decoration: none;
    }
    
.menu input:hover,
.menu a:hover {
    background-color: #283AA0;
    }
    
.menu a.cancel:hover {
    background-color: #C93C3C;
    }

input::-moz-focus-inner {
    padding:0;
    border:0;
}