/**
 * Module: Klaro Consent Manager
 * Version: 0.1.0 (BETA)
 * File: klaro.button-trigger.css
 * Comments: Fixed position (top-left). Separation of logic and design.
 * Origin: Idea based on Klaro Open Source Consent Manager
 */

.klaro-settings-trigger {
    /* Positionierung: Links oben feststehend */
    position: fixed;
    top: 20px;
    left: 20px;
    z-index: 9999; /* Vor dem Content, aber hinter dem Modal-Overlay */
    
    /* Design & Farben */
    background-color: var(--klaro-accent, #2b4c61);
    color: #ffffff;
    border: none;
    border-radius: 50%; /* Kreisform für den Button */
    width: 44px;
    height: 44px;
    cursor: pointer;
    
    /* Zentrierung des SVG Icons */
    display: flex;
    align-items: center;
    justify-content: center;
    
    /* Schatten & Übergänge */
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
    transition: background-color 0.2s ease, transform 0.2s ease;
}

.klaro-settings-trigger:hover {
    background-color: #617D9B; /* Hover-Farbe passend zum Template */
    transform: scale(1.1);
}

.klaro-settings-trigger:active {
    transform: scale(0.95);
}

/* SVG Icon Styling */
.klaro-settings-trigger svg {
    width: 24px;
    height: 24px;
    display: block;
    stroke: currentColor;
}