.latepoint-w .payment-payping-loading {
  position: relative;
  height: 100px
}

.latepoint-w .payment-payping-loading:before {
  display: block;
  content: "";
  width: 30px !important;
  height: 30px !important;
  border-bottom: 2px solid var(--latepoint-brand-primary);
  border-left: 2px solid var(--latepoint-brand-primary);
  border-top: 2px solid var(--latepoint-brand-primary);
  border-right: 2px solid transparent;
  border-radius: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: os-loading 700ms infinite linear;
  background-color: transparent !important
}