Profile: poshopperone1

i currently have an add to cart button on the product page that works and its functional. I like to use the button in a html widget. I have tried to copy the code to the source input field area inside a new html widget am creating. The button is dependent  on model and other files to work properly. How can i create the button in html widget and it a functional button. right now the button is created  but it is not functional. I cant click on it and items are not being added to card.  see code below

<div class="row" style="margin-top: 100px;">
<div class="col-lg-12"><input class="btn btn-lg" style="background-color: #ff0000; color: white; width: 128px; height: 40px; border-radius: 20px; font-size: 10px; margin-left: 51%; margin-top: -115px;" type="button" value="RING ME UP" data-productid="@Model.ProductId" />
<div class="cartButton"><!--add-to-cart-button--> <button id="[email protected]" class="btn btn-default" style="margin-top: -66px; margin-left: 215px;" name="btn_addtocart" type="button" data-productid="@Model.ProductId"> @addToCartText </button></div>
</div>
</div>

I want to change the location of widget zone.  I need to change the design of my page in certain way such as move text in line, move text or feature closer but am having trouble doing so because the area in which am change is controlled by a widget zone. am unable to move text in the same line or move it as close at want it because it controlled by the widget. So i would like to know if its possible to change the position of the widget position. or change the css of the widget.   because i would like to manipulate the style , primarily the location of the zones.

Hello,  am trying to place a carousel on my homepage. the procedure I use is i go to the widget zone and select the location from the drop down menu.  The drop down menu only shows a limited amount of zones i can choose from and when I select say  
home_page_before_categories  or   manufacturerdetails_bottom
the carousel does not appear. but when i select  content_before
it does appear.  Am not sure if these has to do with some prior codes or what the issue is but. the carousel is 1) does not appear after selecting several zones and 2) I dont see as many does as there is in other widgets like html.widgets