New Post: Structuring of Buy button on Product Details Page

Bye Button on Product list page :By Default is:
<a class="hello" href="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("dnn$ctr560$ProductList$dlProductDetail$ctl00$ctl207", "", true, "", "", false, true))">Buy</a>

I wanna change its style and wanna make it like::
<a class="hello" href="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("dnn$ctr560$ProductList$dlProductDetail$ctl00$ctl207", "", true, "", "", false, true))">
<span class="abc"></span>
<Span class="abc2">Buy</span>
<Span class="abc2"></span>
</a>


I have to change it in ProductDetails Template.But how can I do it?
In Produt Details template the bellow line is present for buy button

[TAG:ADDTOBASKET:<prop class="hagafdf" />]
How Can I give the above structure ????