Class style on submit button not working

                <article class="col-2">
                	<h3 class="p1">Contact Form</h3>
[[!FormIt?  
    &hooks=`spam,email,FormItAutoResponder,redirect`  
    &emailTo=`xx`  
    &emailSubject=`Website enquiry`
    &emailFromName=`[[+name]]`
    &emailTpl=`ContactTpl`
    &store=`1`
    &redirectTo=`3`  
    &fiarTpl=`ConfirmationTpl`
    &fiarSubject=`Thank you for contacting`
    &fiarFromName=`xx`
]]

<div class="error">[[+fi.error.error_message]]</div>

<form action="[[~[[*id]]]]" method="post" id="contact-form">

<fieldset>
<input type="hidden" name="nospam:blank" value="" />

<label for="name"><span class="text-form">Your Name:</span>
<input type="text" name="name:required" id="name" value="[[+fi.name]]" /></label>
<span class="error">[[+fi.error.name]]</span>


<label for="email"><span class="text-form">Your Email:</span>
<input type="text" name="email:required" id="email" value="[[+fi.email]]"/></label>
<span class="error">[[+fi.error.email]]</span>

                              <div class="wrapper">
                                
                                <div class="text-form">
                                <label for="message"><span class="text-form">Your Message:</span>
                                <span class="error">[[+fi.error.message]]</span>
                                </div>
                                <div class="extra-wrap">
                                <textarea name="message:required:stripTags" id="message">[[+fi.message]]</textarea>

                                    <div class="clear"></div>
                                    <div class="buttons">
                                        <input type="reset" value="Clear" class="button-2"/>
                                        <input type="submit" value="Send" class="button-2"/>

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

.button-2 {
	display:inline-block; 
	padding:12px 19px;
	font-size:13px;
	line-height:1.23em;
	color:#fff; 
	background:url(../images/button2-tail.gif) 0 0 repeat-x #779f02;
	cursor:pointer;
}

.button-2 {
    display:inline-block; 
    padding:12px 19px;
    font-size:13px;
    line-height:1.23em;
    color:#fff; 
    background:url(../images/button2-tail.gif) 0 0 repeat-x #779f02;
    cursor:pointer;
}

#contact-form .button-2 {
    display:inline-block; 
    padding:12px 19px;
    font-size:13px;
    line-height:1.23em;
    color:#fff; 
    background:url(../images/button2-tail.gif) 0 0 repeat-x #779f02;
    cursor:pointer;
}