/* Start custom CSS for text-editor, class: .elementor-element-b88c278 */.woocommerce-info {
  text-align: center;
  margin-bottom: 20px;
  padding: 15px;
  background-color: #fff; /* White background for the main box */
  border: 2px solid #662D91; /* Blue border */
  border-radius: 8px; /* More rounded corners */
  font-size: 18px; /* Larger font size */
  color: #333; /* Darker text color */
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2); /* More prominent shadow */
  transition: all 0.3s ease; /* Smooth transition for hover effect */
}

.woocommerce-info:hover {
    transform: scale(1.02); /* Slightly scale up on hover */
    box-shadow: 7px 7px 15px rgba(0, 0, 0, 0.3); /* More prominent shadow on hover */
}

.woocommerce-info a.showcoupon {
  display: inline-block;
  background-color: #662D91; /* Blue background for the button */
  color: #fff; /* White text */
  padding: 12px 25px; /* Adjust padding for button size */
  border: none;
  border-radius: 8px; /* Rounded corners */
  text-decoration: none;
  font-weight: bold;
  margin-top: 10px; /* Space between text and button */
  transition: all 0.3s ease;
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.2); /* Shadow for button */
}

.woocommerce-info a.showcoupon:hover {
  background-color: #0056b3; /* Darker blue on hover */
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); /* More prominent shadow on hover */
  transform: scale(1.05); /* Slightly scale up on hover */
}

/* Responsive adjustments (optional) */
@media (max-width: 768px) {
  .woocommerce-info {
    font-size: 16px;
    padding: 12px;
  }
  .woocommerce-info a.showcoupon {
    font-size: 14px;
    padding: 10px 20px;
  }
}

/*discount*//* End custom CSS */