/* ==========================================================================
   ABMKeys CTA Buttons — Phase 8
   ========================================================================== */

/* Primary button */
.abm-btn,
.elementor-button.abm-btn {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  background: var(--abm-blue) !important;
  color: white !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 15px 36px !important;
  box-shadow: 0 4px 20px rgba(27,79,216,0.3), 0 2px 6px rgba(27,79,216,0.2) !important;
  transition: all 0.2s !important;
  position: relative !important;
  overflow: hidden !important;
}
.abm-btn::after {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.15), transparent);
  transition: left 0.45s;
}
.abm-btn:hover::after {
  left: 100%;
}
.abm-btn:hover {
  background: var(--abm-blue-dark) !important;
  box-shadow: 0 6px 28px rgba(27,79,216,0.4) !important;
}

/* Outline button */
.abm-btn-outline,
.elementor-button.abm-btn-outline {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  background: transparent !important;
  color: var(--abm-text) !important;
  border: 1.5px solid var(--abm-border) !important;
  border-radius: 10px !important;
  padding: 15px 36px !important;
  transition: all 0.2s !important;
}
.abm-btn-outline:hover {
  border-color: var(--abm-blue) !important;
  color: var(--abm-blue) !important;
}