#payment-request-button[data-v-35d709a4] {
  margin-bottom: 1rem;
}
#payment-request-button.hidden[data-v-35d709a4] {
  display: none;
}

/* Style the Apple Pay / Google Pay button */
#payment-request-button button[data-v-35d709a4] {
  width: 100%;
  height: 40px;
  border-radius: 4px;
  border: none;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

/* Apple Pay specific styling */
#payment-request-button button[data-brand='apple-pay'][data-v-35d709a4] {
  background-color: #000;
  color: #fff;
}
#payment-request-button button[data-brand='apple-pay'][data-v-35d709a4]:hover {
  background-color: #333;
}

/* Google Pay specific styling */
#payment-request-button button[data-brand='google-pay'][data-v-35d709a4] {
  background-color: #fff;
  color: #000;
  border: 1px solid #ddd;
}
#payment-request-button button[data-brand='google-pay'][data-v-35d709a4]:hover {
  background-color: #f8f9fa;
}

/* Disabled state */
#payment-request-button button[data-v-35d709a4]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}


#express-checkout-element[data-v-184dc394] {
  margin-bottom: 1rem;
}
#express-checkout-element.hidden[data-v-184dc394] {
  display: none;
}

/* Style the Express Checkout Element */
#express-checkout-element[data-v-184dc394] {
  width: 100%;
}

/* Ensure proper spacing */
#express-checkout-element .stripe-express-checkout[data-v-184dc394] {
  margin-bottom: 1rem;
}

/* Custom styling for the Express Checkout Element */
#express-checkout-element button[data-v-184dc394] {
  width: 100%;
  height: 46px;
  border-radius: 4px;
  border: none;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

/* Apple Pay specific styling */
#express-checkout-element button[data-brand='apple-pay'][data-v-184dc394] {
  background-color: #000;
  color: #fff;
}
#express-checkout-element button[data-brand='apple-pay'][data-v-184dc394]:hover {
  background-color: #333;
}

/* Google Pay specific styling */
#express-checkout-element button[data-brand='google-pay'][data-v-184dc394] {
  background-color: #fff;
  color: #000;
  border: 1px solid #ddd;
}
#express-checkout-element button[data-brand='google-pay'][data-v-184dc394]:hover {
  background-color: #f8f9fa;
}

/* Link specific styling */
#express-checkout-element button[data-brand='link'][data-v-184dc394] {
  background-color: #635bff;
  color: #fff;
}
#express-checkout-element button[data-brand='link'][data-v-184dc394]:hover {
  background-color: #5851e6;
}

/* Disabled state */
#express-checkout-element button[data-v-184dc394]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}