.stripe-payment-element-container {
  margin: 20px 0;
  padding: 20px;
  background: #f9f9f9;
  border-radius: 4px;
}

.stripe-payment-message {
  margin: 15px 0;
  padding: 10px;
  border-radius: 4px;
}

.stripe-payment-message.error {
  color: #721c24;
  background-color: #f8d7da;
  border: 1px solid #f5c6cb;
}

.stripe-payment-message.success {
  color: #155724;
  background-color: #d4edda;
  border: 1px solid #c3e6cb;
}

.stripe-payment-submit {
  padding: 10px 20px;
  background: #000;
  color: #fff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.stripe-payment-submit:hover {
  opacity: 0.9;
}

.stripe-payment-submit:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}