* { box-sizing: border-box; }
form { width: 24rem; background: #efefef; padding: 1rem; position: relative; }
label { width: 100%; display: block; font-family: 'Helvetica Neue', Helvetica, Helvetica, Arial, sans-serif; color: #555; }
input { padding: 0.5rem; width: 100%; box-shadow: inset 0 1px 1px rgba(0,0,0,.075); border: 1px solid #ccc;}

p.Month { width: 55px; display: inline-block; }
.Month input { width: 100%; }

p.Year { width: 70px; display: inline-block;  }
.Year input { width: 100%; }

p.CCV { width: 70px; display: inline-block; margin-left: 1em;}
.CCV input { width: 100%; }
div.container { display: flex; flex-direction: row; align-items: flex-end;}
form p { margin: 0.5rem 0; }
button { background: #26A69A; border: none; padding: 0.5rem 2rem; color: #fff; border-radius: 0.2rem; height: 2.5rem; position: absolute; bottom: 20px; right: 20px; }
select { padding: 0.5rem; width: 100%;}
input[type=checkbox] { width: auto; vertical-align: middle; }
label.see-ccv-checkbox { margin-top: 10px; }