html body .tpl-button-sweep {
  background-color: transparent !important;
  background-image: linear-gradient(var(--tpl-sweep-fill), var(--tpl-sweep-fill)) !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100%;
  background-position: left center;
  background-clip: border-box !important;
  -webkit-background-clip: border-box !important;
  color: var(--tpl-sweep-ink) !important;
}
html body .tpl-button-sweep.tpl-sweep-out {
  color: var(--tpl-sweep-hover-ink) !important;
  border-color: var(--tpl-sweep-hover-ink);
  animation: tpl-button-out .45s ease both;
}
html body .tpl-button-sweep.tpl-sweep-in {
  animation: tpl-button-in .45s ease both;
}
html body .wg-slide .elementor-button.tpl-button-sweep::before {
  content: none !important;
  animation: none !important;
}
html body .wg-slide .elementor-button.tpl-button-sweep {
  background-clip: border-box !important;
  -webkit-background-clip: border-box !important;
}
@keyframes tpl-button-out {
  from { background-size: 100% 100%; background-position: right center; }
  to { background-size: 0% 100%; background-position: right center; }
}
@keyframes tpl-button-in {
  from { background-size: 0% 100%; background-position: left center; }
  to { background-size: 100% 100%; background-position: left center; }
}
html body .tpl-button-sweep:disabled,
html body .tpl-button-sweep.disabled,
html body .tpl-button-sweep.loading {
  animation: none !important;
  background-size: 100% 100% !important;
  color: var(--tpl-sweep-ink) !important;
}
@media (prefers-reduced-motion: reduce) {
  html body .tpl-button-sweep { animation: none !important; background-size: 100% 100% !important; color: var(--tpl-sweep-ink) !important; }
}