#plansView[hidden],
#checkoutView[hidden]{display:none;}

#checkoutView{animation:coIn .45s cubic-bezier(.2,.7,.2,1);}
@keyframes coIn{from{opacity:0;transform:translateY(24px);}to{opacity:1;transform:none;}}

.back-btn{
  border:0;background:none;cursor:pointer;
  font:600 .85rem var(--sans);color:var(--teal);
  padding:8px 0;margin-bottom:12px;
}
.back-btn:hover{color:var(--teal-dark);text-decoration:underline;}

.form-wrap h3.h3-card{margin-top:26px;padding-top:22px;border-top:1px solid var(--line);}

.field select.invalid{border-color:var(--danger);}

#stepBilling[hidden],
#stepCard[hidden]{display:none;}
.layout.step-billing .cc{display:none;}
.step-count{margin:0 0 6px;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);}
#stepCard .back-btn{display:block;padding-top:0;}