/* Mouse icon styling for "Order Now" buttons */

/* Inputs cannot contain HTML; draw icon via ::before */
input.nl-order-icon-input[type="submit"],
input.nl-order-icon-input[type="button"],
input.nl-order-icon-input[type="reset"] {
  position: relative;
  padding-left:55px; /* space for icon */
}
input.nl-order-icon-input[type="submit"]::before,
input.nl-order-icon-input[type="button"]::before,
input.nl-order-icon-input[type="reset"]::before {
  content: "";
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  width:30px; height:30px;
  background-repeat: no-repeat;
  background-size:30px 30px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%20fill='none'%3E%3Cpath%20d='M83.134%2026.075c-2.163-4.343-7.554-6.15-11.898-3.986-2.854%201.422-4.594%204.147-4.847%207.06l-.123-.247c-2.164-4.344-7.555-6.15-11.899-3.987-2.854%201.422-4.594%204.147-4.847%207.061l-.123-.248c-2.164-4.344-7.555-6.15-11.899-3.987-2.854%201.422-4.594%204.147-4.847%207.061L19.362%208.121c-1.05-2.11-2.908-3.663-5.201-4.534-2.231-.748-4.65-.627-6.759.423-4.343%202.164-6.15%207.555-3.986%2011.899l24.539%2049.267c.247.496.184.992-.126%201.302-.31.31-.807.556-1.365.37l-12.084-4.05c-4.09-1.37-8.62.422-10.67%204.077-1.244%202.168-1.434%204.896-.694%207.315.74%202.419%202.66%204.406%204.89%205.463l32.219%2014.31a33.297%2033.297%200%200%200%2028.521-.576l12.534-6.243c7.074-3.523%2012.291-9.529%2014.783-16.965%202.492-7.437%201.946-15.374-1.578-22.447z'%20fill='currentColor'/%3E%3C/svg%3E");
}

/* --- Click animation for mouse icon --- */
@keyframes nl-press {
  0% { transform: scale(1); }
  50% { transform: scale(0.85); }
  100% { transform: scale(1); }
}
/* Buttons: animate the SVG directly */

.nl-order-icon-svg.nl-icon-click { animation: nl-press .8s ease-in-out infinite; }
/* Inputs: animate the ::before pseudo-element when the input has a flag class */
input.nl-icon-click-input[type="submit"]::before,
input.nl-icon-click-input[type="button"]::before,
input.nl-icon-click-input[type="reset"]::before {
  animation: nl-press .8s ease-in-out infinite;
}

.nl-order-icon-svg{width:30px;height:30px;display:inline-block;vertical-align:middle;margin-right:8px;pointer-events:none;animation:nl-press .8s ease-in-out infinite}

/* Center icon perfectly inside button */

.nl-order-icon-svg {
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Scope centering to ONLY buttons we touched */
.nl-order-icon-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}