css - Why is the size of my HTML element not changing -

i'm trying change size of 'send' button not responding. know should simple fix i'm not sure exact reason why happening. wondering if me out. thanks.

here css:

.send{     border-radius: 20px;     background-color: #00e699;     font-weight: bold;     color: white;     position:relative;     width: 80%;     height: 80%;     top: 50px;      left: 32%;    } 

here html containing 'send' button

<div class="infocard">       <div class = "col-md-12" >         <h3 class="thename"></h3>         <h3 class="thenum"></h3>         <h3 class="thedate"></h3>          <input type = "text" name = "name" size = "30" class = "textbox" ng-model = "input" />         <a href= "" style = "text-decoration: none; color: white;" class = "send" ng-click="passprompt()">send message</a>       </div>     </div> 

a tags display: inline default. need add display: block or display: inline add width/height styles.