/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 23 2026 | 07:28:18 */
/* Container */
.btn-group {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  width: 100%;
}

/* Basis: Mobile (1 pro Zeile) */
.btn-group > * {
  flex: 1 1 100%;
}

/* Tablet (ab ~600px): 2 nebeneinander */
@media (min-width: 600px) {
  .btn-group > * {
    flex: 1 1 calc((100% - 12px) / 2);
  }
}

/* Desktop (ab ~900px): 3 nebeneinander */
@media (min-width: 900px) {
  .btn-group > * {
    flex: 1 1 calc((100% - 24px) / 3);
  }
}

/* Button Styling (ohne flex!) */
.btn {
  padding: 12px 16px;
  font-size: 14px;
  font-weight: 500;
  border-radius: 999px;
  text-decoration: none;
  cursor: pointer;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  min-width: 0;
  height: 62px;
  line-height: 1;
}

/* Icons */
.btn svg {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  display: block;          /* FIX: kein baseline-shift mehr */
}

/* Styles */
.btn-call {
  background: #f1f3f3;
  color: #1e2f2f;
}

.btn-whatsapp {
  background: #25D366;
  color: #fff;
}

.btn-email {
  background: transparent;
  color: #1e2f2f;
  border: 2px solid #1e2f2f;
}

/* optional Feinschliff */
.btn span {
  display: inline-block;
  transform: translateY(1px); /* micro-adjust wie im Screenshot */
}