card.css

#card::before {
  content: '\a';
  white-space: pre;
  line-height: 40px;
}
#card::before {
  font-size: 16px;
  content: 'Card Details';
  color: rgba(0, 0, 0, 0.5);
}

#pan::before {
  content: '\a';
  white-space: pre;
  line-height: 20px;
}
#pan::before {
  font-size: 12px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.5);
  content: 'Card Number\a';
}
#pan {
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  line-height: 17px;
}
.pan-separator {
  display: inline-block;
  padding-left: 5px;
}
#expiry::before {
  content: '\a';
  white-space: pre;
  line-height: 30px;
}
#expiry::before {
  font-size: 12px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.5);
  content: 'Exp\a';
}
#expiry {
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  line-height: 12px;
}
#cvv::before {
  content: '\a';
  white-space: pre;
  line-height: 30px;
}
#cvv::before {
  font-size: 12px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.5);
  content: 'CVC\a';
}
#cvv {
  padding-top: 2px;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  line-height: 12px;
}
#expiry #separator {
  max-width: 3px;
  display: inline-block;
}