/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 21 2026 | 09:08:26 */
/* Overrides for Elementor Atomic Button rendering. */

.e-button-base[id^="adg-btn-primary"],
.e-button-base[data-adg-button="primary"],
.e-button-base[id^="adg-btn-outline"],
.e-button-base[data-adg-button="outline"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  min-height: 42px !important;
  padding: 12px 20px !important;
  border-radius: 999px !important;
  border: 1px solid transparent !important;
  font-size: 14px !important;
  font-weight: 760 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  isolation: isolate !important;
  overflow: hidden !important;
  background-size: 220% 100% !important;
  background-position: 0% 50% !important;
  transition: transform 220ms ease, box-shadow 220ms ease, background-position 420ms cubic-bezier(.22, 1, .36, 1), border-color 220ms ease !important;
}

.e-button-base[id^="adg-btn-primary"],
.e-button-base[data-adg-button="primary"] {
  background-image: linear-gradient(115deg, var(--adg-primary) 0%, hsl(207 75% 40%) 48%, hsl(199 76% 54%) 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 12px 26px rgb(24 68 109 / 20%) !important;
}

.e-button-base[id^="adg-btn-outline"],
.e-button-base[data-adg-button="outline"] {
  background: linear-gradient(135deg, #ffffff, hsl(207 40% 97%)) !important;
  color: var(--adg-primary) !important;
  border-color: rgb(24 68 109 / 22%) !important;
}

.e-button-base[id^="adg-btn-primary"]:hover,
.e-button-base[data-adg-button="primary"]:hover,
.e-button-base[id^="adg-btn-outline"]:hover,
.e-button-base[data-adg-button="outline"]:hover {
  background-position: 100% 50% !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 18px 38px rgb(24 68 109 / 22%) !important;
}

.e-button-base[id^="adg-btn-primary"]:active,
.e-button-base[data-adg-button="primary"]:active,
.e-button-base[id^="adg-btn-outline"]:active,
.e-button-base[data-adg-button="outline"]:active {
  transform: translateY(0) !important;
  box-shadow: 0 10px 22px rgb(24 68 109 / 18%) !important;
}

@media (max-width: 767px) {
  .e-button-base[id^="adg-btn-primary"],
  .e-button-base[data-adg-button="primary"],
  .e-button-base[id^="adg-btn-outline"],
  .e-button-base[data-adg-button="outline"] {
    min-height: 44px !important;
    width: 100% !important;
  }
}