/* Der Standard-Zustand des Buttons */
.fms-btn-suhl {
  display: inline-flex !important; 
  align-items: center !important; 
  background-color: #1e90ff !important; 
  color: #ffffff !important; 
  text-decoration: none !important; 
  padding: 8px 18px !important; 
  border-radius: 20px !important; 
  font-size: 0.85rem !important; 
  font-weight: normal !important;
  transition: background-color 0.2s ease, color 0.2s ease !important; 
  box-shadow: 0 2px 6px rgba(30, 144, 255, 0.2) !important; 
  font-family: Arial, sans-serif !important;
}

/* Verhindert das Fetten des Button-Textes */
.fms-btn-suhl span {
  font-weight: normal !important;
}

/* Richtet das Icon filigran aus und verschiebt es um 2px nach oben */
.fms-btn-suhl i.fa-up-right-from-square {
  font-size: 0.8rem !important;
  display: inline-block !important;
  font-style: normal !important;
  /* Verschiebt das Icon exakt um 2 Pixel nach oben für die perfekte Unterkante */
  transform: translateY(-2px) !important; 
  /* Der bewährte Rasierklingen-Trick für die schlanken Linien */
  -webkit-text-stroke: 0.6px #1e90ff !important; 
}

/* Hover-Zustand: Hintergrund wechselt fließend zum Vereins-Navy */
.fms-btn-suhl:hover {
  background-color: #002060 !important;
  color: #ffffff !important;
}

/* Passt die Kontur beim Hovern blitzschnell an das Navy-Blau an */
.fms-btn-suhl:hover i.fa-up-right-from-square {
  -webkit-text-stroke: 0.6px #002060 !important;
}

/* Barrierefreiheit: Fokus-Effekt für Tastatur-Nutzer */
.fms-btn-suhl:focus {
  background-color: #002060 !important;
  color: #ffffff !important;
  outline: 3px solid #002060 !important;
  outline-offset: 4px !important;
}
.fms-btn-suhl:focus i.fa-up-right-from-square {
  -webkit-text-stroke: 0.6px #002060 !important;
}