XPLAN touch buttons

by paulftw

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css">
    <div id="accounts">
      <button class="account">
         <h1>VISA Card</h1>
         <span class="balance">-433.18</span>
      </button>
      <button class="account">
         <h1 class="plus"><i class="icon icon-plus-sign"></i></h1>
         <span class="plus-text">Add Account</span>
      </button>
    </div>

CSS

button.account {
    display: inline-block;
    height: 80px;
    margin: 10px 10px;
    overflow: hidden;
    padding: 10px 5px;
    width: 170px;
}
.account h1 {
    font-size: 16px;
    height: 16px;
    margin: 0 0 5px;
    padding: 4px 0 2px;
}
.account .balance {
    display: inline-block;
    font-size: 24px;
}

.account h1.plus {
    font-size: 24px;
    padding-top: 0px;
}