/* === Globaler Button-Stil — sichtbar als Button, fester Hover-Look === */

/* Hero-Contact-Call: Hover-Look dauerhaft sichtbar */
.hero-contact-call {
  background: var(--off-2, #edf0f5) !important;
  box-shadow: 0 2px 8px rgba(34, 69, 105, .08) !important;
  transition: background .25s, transform .2s, box-shadow .2s !important;
}
.hero-contact-call:hover {
  background: var(--cream-deep, #e6ecf3) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(34, 69, 105, .14) !important;
}

/* Generelle Button-Identität — alle gängigen Button-Klassen bekommen Tiefe + Hover-Lift */
.btn-primary,
.btn-outline,
.btn-outline-light,
.btn-cream,
.btn-ghost,
.btn-ghost-light,
.btn-wa-cta,
.btn-whatsapp,
.btn-submit,
.btn-person,
.bx-btn,
.bx-btn--cream,
.contact-cta-btn,
.career-btns a,
.svc-more-btn,
.qr-btn,
.reviews-google-btn,
.exp-cta,
.btn {
  position: relative;
  box-shadow: 0 2px 8px rgba(34, 69, 105, .12) !important;
  transition: transform .2s, box-shadow .25s, background-color .2s, border-color .2s !important;
}

.btn-primary:hover,
.btn-outline:hover,
.btn-outline-light:hover,
.btn-cream:hover,
.btn-ghost:hover,
.btn-ghost-light:hover,
.btn-wa-cta:hover,
.btn-whatsapp:hover,
.btn-submit:hover,
.btn-person:hover,
.bx-btn:hover,
.bx-btn--cream:hover,
.contact-cta-btn:hover,
.career-btns a:hover,
.svc-more-btn:hover,
.qr-btn:hover,
.reviews-google-btn:hover,
.exp-cta:hover,
.btn:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 28px rgba(34, 69, 105, .22) !important;
}

/* Hero-Contact-WA bekommt zusätzlich grünen Schatten */
.hero-contact-wa {
  box-shadow: 0 4px 14px rgba(37, 211, 102, .35) !important;
  transition: background .2s, transform .2s, box-shadow .25s !important;
}
.hero-contact-wa:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 26px rgba(37, 211, 102, .45) !important;
}

/* Mobile: gleiche Optik, etwas dezenterer Lift */
@media (max-width: 640px) {
  .btn-primary, .btn-outline, .btn-outline-light, .btn-cream, .btn-ghost, .btn-ghost-light,
  .btn-wa-cta, .btn-whatsapp, .btn-submit, .btn-person, .bx-btn, .contact-cta-btn,
  .career-btns a, .svc-more-btn, .qr-btn, .reviews-google-btn, .exp-cta, .btn,
  .hero-contact-call, .hero-contact-wa {
    box-shadow: 0 2px 6px rgba(34, 69, 105, .12) !important;
  }
  .btn-primary:hover, .btn-outline:hover, .btn-outline-light:hover, .btn-cream:hover,
  .btn-ghost:hover, .btn-ghost-light:hover, .btn-wa-cta:hover, .btn-whatsapp:hover,
  .btn-submit:hover, .btn-person:hover, .bx-btn:hover, .contact-cta-btn:hover,
  .career-btns a:hover, .svc-more-btn:hover, .qr-btn:hover, .reviews-google-btn:hover,
  .exp-cta:hover, .btn:hover, .hero-contact-call:hover, .hero-contact-wa:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 16px rgba(34, 69, 105, .18) !important;
  }
}