.whatsapp-button {
 
        align-items: center;
        background-color: #25D366; /* WhatsApp Green */
        color: white;
 
        
        transition: background-color 0.3s, border 0.3s; /* Übergang für Rand */
        border: 2px solid transparent; /* Anfangs kein sichtbarer Rand */
		  border: 1px solid white; /* Weißer Rand im aktiven Zustand */
    }

    .whatsapp-button:hover {
        background-color: #128C7E; /* Darker green on hover */
        border: 2px solid white; /* Weißer Rand beim Hover */
		background-color: #25D366; /* WhatsApp Green */
        color: white;
		 border: 1px solid white; /* Weißer Rand im aktiven Zustand */
    }

    .whatsapp-button:active,
    .whatsapp-button:focus { /* Drückender Zustand und Fokus */
        background-color: #25D366; /* Gleiche grüne Farbe wie aktiv */
        color: white; /* Weißer Text */
        border: 2px solid white; /* Weißer Rand im aktiven Zustand */
        outline: none; /* Entferne den Standardfokus-Rahmen */
    }

    .icon {
        margin-right: 4px;
        
    }