.elementor-37 .elementor-element.elementor-element-a2cd42f > .elementor-widget-container{background-color:var( --e-global-color-secondary );margin:100px 050px 100px 50px;padding:20px 20px 20px 20px;border-radius:20px 20px 20px 20px;}body.elementor-page-37:not(.elementor-motion-effects-element-type-background), body.elementor-page-37 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1B1B1B;}@media(max-width:767px){.elementor-37 .elementor-element.elementor-element-bb397c7{padding:10px 10px 10px 10px;}.elementor-37 .elementor-element.elementor-element-a2cd42f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-radius:20px 20px 20px 20px;}}/* Start custom CSS for wc-elements, class: .elementor-element-a2cd42f */.input-text.qty.text {
  padding: 5px; /* adjust the value as needed */
}

.coupon {
  display: flex;
  flex-wrap: wrap;
  gap: 10px; /* Adjust the space between the input and the button */
  align-items: center; /* This will vertically center the elements */
}

.coupon .input-text {
  flex-grow: 1; /* The input will grow to take up available space */
  margin-right: 10px; /* Ensure there is space between input and button */
}

.coupon .button {
  white-space: nowrap; /* Prevents the text from wrapping */
  padding: 10px 20px; /* Adjust the padding as necessary */
  min-width: 150px; /* Adjust min-width as necessary to prevent text overflow */
  text-overflow: ellipsis; /* Adds an ellipsis (...) if the text is too long */
  overflow: hidden; /* Ensures the overflow text is not visible */
  border: 1px solid #ccc; /* Example border, adjust as necessary */
  background-color: #f8f8f8; /* Example background color, adjust as necessary */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .coupon {
    flex-direction: column;
  }

  .coupon .input-text,
  .coupon .button {
    width: 100%; /* Full width on smaller screens */
    box-sizing: border-box; /* Include padding in width calculation */
  }
}/* End custom CSS */