.spf-field-group.spf-number.spf-field-cc {
  width: 100%;
  height: 58px;
}

.input-group.form-floating {
  display: flex;
  flex-wrap: nowrap;
}

#spreedly-number,
#spreedly-cvv {
  width: 100%;
  height: 59px;
}

.form-floating > .input-outline-none:focus ~ label.id_number,
.form-floating > .input-outline-none:focus-within ~ label.id_number {
  opacity: 0.65;
  -webkit-transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

#spreedly-number:focus ~ label.id_number,
#spreedly-number:focus-within ~ label.id_number {
  opacity: 0.65;
  -webkit-transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.form-floating:focus-within > label.id_number {
  opacity: 0.65;
  -webkit-transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}