.custom-button {
    display: inline-flex;
    align-items: center;
    padding: 10px 20px;
    background-color: #007bff; /* Blaue Farbe, passe an */
    color: white;
    text-decoration: none;
    border-radius: 5px;
    font-size: 16px;
}

.custom-button i {
    margin-right: 10px; /* Abstand zwischen Icon und Text */
    font-size: 20px;
}

.custom-button .button-text {
    white-space: nowrap; /* Verhindert Umbrüche */
}

/* Responsive: Text auf Mobile kollabieren (ausblenden) */
@media (max-width: 768px) {
    .custom-button .button-text {
        display: none;
    }
    
    .custom-button {
        padding: 10px; /* Kleinerer Padding für Icon-only */
        justify-content: center;
    }
}