/* Payment method tabs shared by offer forms and platform settings. */
.payment-method-header {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem var(--spacing-sm);
  margin-bottom: var(--spacing-sm);
}

.payment-method-switch {
  flex: 1 1 20rem;
  min-width: min(100%, 20rem);
  margin-bottom: 0;
}

.payment-method-actions {
  display: flex;
  flex: 0 0 auto;
  justify-content: flex-end;
  margin-left: auto;
}

.btn-payment-global {
  border-color: var(--color-info-soft-150);
  background-color: var(--color-info-soft-50);
  color: var(--color-info-bs);
  font-weight: 700;
}

.btn-payment-global:hover,
.btn-payment-global:active,
.btn-payment-global.active {
  border-color: var(--color-info-bs);
  background-color: var(--color-info-bs);
  color: var(--color-surface-card) !important;
}

@media (max-width: 575.98px) {
  .payment-method-actions,
  .btn-payment-global {
    width: 100%;
  }
}