.oe-pay-badge {
  position: relative;
  display: inline-flex !important;
  align-items: center;
  gap: 10px !important;
  font-size: 0 !important;
  color: transparent !important;
}

.oe-pay-badge::before {
  content: "";
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border-radius: 4px;
}

.oe-pay-badge::after {
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .03em;
  color: inherit;
}

.oe-pay-badge.oe-pay-razorpay::before { background-image: url("https://cdn.simpleicons.org/razorpay/2B5BFF"); }
.oe-pay-badge.oe-pay-phonepe::before { background-image: url("https://cdn.simpleicons.org/phonepe/5F259F"); }
.oe-pay-badge.oe-pay-cashfree::before { background-image: url("https://cashfreelogo.cashfree.com/cashfreepayments/logosvgs/Group_4355.svg"); }
.oe-pay-badge.oe-pay-upi::before { background-image: url("https://upload.wikimedia.org/wikipedia/commons/e/e1/UPI-Logo-vector.svg"); }
.oe-pay-badge.oe-pay-visa::before { background-image: url("https://cdn.simpleicons.org/visa/1A1F71"); }
.oe-pay-badge.oe-pay-mc::before { background-image: url("https://cdn.simpleicons.org/mastercard/EB001B"); }
.oe-pay-badge.oe-pay-rupay::before { background-image: url("https://upload.wikimedia.org/wikipedia/commons/7/71/RuPay.svg"); }

.oe-pay-badge.oe-pay-razorpay::after { content: "Razorpay"; }
.oe-pay-badge.oe-pay-phonepe::after { content: "PhonePe"; }
.oe-pay-badge.oe-pay-cashfree::after { content: "Cashfree"; }
.oe-pay-badge.oe-pay-upi::after { content: "UPI"; }
.oe-pay-badge.oe-pay-visa::after { content: "Visa"; }
.oe-pay-badge.oe-pay-mc::after { content: "Mastercard"; }
.oe-pay-badge.oe-pay-rupay::after { content: "RuPay"; }

.oe-pay-sep {
  font-size: 0 !important;
  color: transparent !important;
}

.oe-pay-sep::before {
  content: "•";
  font-size: 18px;
  color: rgba(255,255,255,.25);
}

.provider-option {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.provider-option strong {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.provider-logo {
  width: 22px;
  height: 22px;
  object-fit: contain;
  flex: 0 0 22px;
}