.membership-payment-selector {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin: 22px 0 13px;
  padding: 0;
  border: 0;
}
.membership-payment-selector legend {
  grid-column: 1 / -1;
  margin-bottom: 1px;
  color: #967945;
  font-size: 11px;
}
.membership-payment-option {
  display: grid;
  grid-template-columns: 33px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  width: 100%;
  padding: 12px;
  border: 1px solid rgba(129, 123, 105, .24);
  border-radius: 10px;
  color: #3a413b;
  background: #fffefa;
  text-align: left;
  cursor: pointer;
}
.membership-payment-option:disabled { cursor: wait; opacity: .58; }
.membership-payment-option.is-submitting {
  border-color: #b28735;
  opacity: 1;
  background: #fff8e8;
  box-shadow: 0 8px 20px rgba(145, 105, 37, .12);
}
.membership-payment-option:hover,
.membership-payment-option:focus-visible {
  border-color: #3786ed;
  background: linear-gradient(135deg, #fff, #eff6ff);
  box-shadow: 0 8px 20px rgba(33, 117, 230, .1);
  outline: 0;
}
.membership-payment-option.is-wechat:hover,
.membership-payment-option.is-wechat:focus-visible {
  border-color: #18a85d;
  background: linear-gradient(135deg, #fff, #effbf3);
  box-shadow: 0 8px 20px rgba(7, 169, 87, .1);
}
.membership-payment-option img { width: 33px; height: 33px; }
.membership-payment-option b { display: block; font-size: 13px; }
.membership-payment-option small {
  display: block;
  margin-top: 2px;
  color: #91938e;
  font-size: 9px;
}
.membership-payment-dialog > small {
  display: block;
  margin-top: 13px;
  color: #95958e;
  font-size: 11px;
  text-align: center;
}
@media (max-width: 520px) {
  .membership-payment-selector { grid-template-columns: 1fr; }
  .membership-payment-option { padding: 13px; }
}