#openPaymentPopupBtn.theme-pay-btn {
  position: relative;
  border: 0;
  background-color: #1f4fc1;
  background-image: radial-gradient(120% 160% at 50% -40%, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0) 55%), linear-gradient(180deg, #3a6fe0 0%, #2a5bd0 45%, #1f4ab8 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28), inset 0 -1px 0 rgba(8, 24, 70, 0.22), 0 1px 2px rgba(15, 35, 95, 0.28), 0 10px 24px -14px rgba(31, 79, 193, 0.75);
  font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  letter-spacing: 0.005em;
  color: #fff;
  transition: filter 0.3s cubic-bezier(0.22, 1, 0.36, 1), transform 0.3s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}
#openPaymentPopupBtn.theme-pay-btn > .bi {
  display: none;
}
#openPaymentPopupBtn.theme-pay-btn:hover {
  filter: brightness(1.06);
  transform: translateY(-1px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.32), inset 0 -1px 0 rgba(8, 24, 70, 0.22), 0 2px 4px rgba(15, 35, 95, 0.25), 0 14px 28px -14px rgba(31, 79, 193, 0.85);
}
#openPaymentPopupBtn.theme-pay-btn:active {
  filter: brightness(0.97);
  transform: translateY(0) scale(0.99);
}
#openPaymentPopupBtn.theme-pay-btn:focus-visible {
  outline: 2px solid #93b4f5;
  outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
  #openPaymentPopupBtn.theme-pay-btn {
    transition: none;
  }
  #openPaymentPopupBtn.theme-pay-btn:hover {
    transform: none;
  }
}