/* Normalzustand: Hintergrund und Rahmen Dunkelgrau statt Blau,
       Schrift bleibt weiß (kommt aus der bestehenden .btn-primary-Regel) */
    .btn-primary-blue { background: #333333; outline-color: #333333; }

    /* Hover/Fokus: Hintergrund und Rahmen Hellgrau,
       Schrift Dunkelgrau (überschreibt den blauen Standard-Hover) */
    .btn-primary-blue:hover,
    .btn-primary-blue:focus { color: #333333; background: #A2A4A8; outline: 1px solid #A2A4A8; }

    /* Icon (SVG inkl. aller Pfade) bei Hover/Fokus in Dunkelgrau:
       fill = Fläche, stroke = Kontur. !important nötig, weil die
       Original-Hover-Regel das Blau direkt auf die Pfade setzt */
    .btn-primary-blue:hover svg,
    .btn-primary-blue:hover svg *,
    .btn-primary-blue:focus svg,
    .btn-primary-blue:focus svg * { fill: #333333 !important; stroke: #333333 !important; }